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