使用 Chrome 開發人員工具的「媒體面板」查看資訊,並在每個瀏覽器分頁中對媒體播放器進行偵錯。
開啟「媒體」面板
「媒體」面板是開發人員工具中檢查網頁的媒體播放器的主要位置,
- 開啟開發人員工具。
- 依序按一下「更多選項」圖示 >「更多工具」 >「媒體」,開啟「媒體」面板。
查看媒體播放器資訊
- 前往使用媒體播放器的網頁,例如 https://youtu.be/e1gAyQuIFQo。
- 媒體播放器現在會顯示在「播放器」選單下方。
- 按一下播放器。「Properties」分頁會顯示媒體播放器的屬性。
- 按一下「Events」(事件) 分頁標籤即可查看所有媒體播放器事件。
- 按一下「訊息」分頁標籤,查看媒體播放器訊息記錄。您可以依記錄層級或字串篩選訊息。
- 時間軸分頁會顯示媒體播放和緩衝區狀態的即時影像。
遠端偵錯
您可以透過 Windows、Mac 或 Linux 電腦查看 Android 裝置上的媒體播放器資訊。
- 請按照這些步驟設定遠端偵錯功能。
- 您現在可以從遠端查看媒體播放器的資訊。
隱藏及顯示媒體播放器
有時網頁上可能會有多個媒體播放器,或者您可以使用同一個瀏覽器分頁瀏覽不同的網頁,而這些網頁都有媒體播放器。
你可以選擇顯示或隱藏各個媒體播放器,以便進行偵錯體驗。
- 使用同一個瀏覽器分頁瀏覽多個不同的影片頁面。
- 在其中一個媒體播放器上按一下滑鼠右鍵。您可以選取「隱藏玩家」來隱藏選取的玩家,也可以選取「隱藏所有其他玩家」來隱藏所有其他玩家。
匯出媒體播放器資訊
- 在其中一個媒體播放器上按一下滑鼠右鍵。
- 選取「儲存玩家資訊」,以 JSON 格式下載玩家資訊。