媒體：查看及偵錯媒體播放器資訊

Jecelyn Yeen

Dale St. Marthe

使用 Chrome 開發人員工具中的「媒體」面板查看資訊，並針對各瀏覽器的媒體播放器偵錯 分頁。

總覽

「Media」面板是開發人員工具中的主要位置，可用來檢查網頁的媒體播放器。「媒體」面板的左側部分會列出「播放器」下方的各種屬性和詳細資訊，

「媒體」面板可讓您執行下列操作：

• 查看媒體播放器資訊。
• 隱藏及顯示媒體。
• 遠端媒體播放器偵錯。
• 匯出媒體播放器資訊。

開啟「媒體」面板

如何開啟「媒體」面板：

1. 開啟開發人員工具。
2. 按一下「更多選項」圖示 more_vert >更多工具 >媒體：開啟「媒體」面板。

查看媒體播放器資訊

如要查看媒體播放器資訊，請按照下列步驟操作：

1. 前往使用媒體播放器的網頁，例如 https://youtu.be/e1gAyQuIFQo。
2. 您現在可以在「Players」選單下看到媒體播放器。
3. 按一下播放器。「屬性」分頁會顯示媒體播放器的屬性，
4. 按一下「事件」分頁標籤，查看所有媒體播放器事件。
5. 按一下「訊息」分頁標籤，查看媒體播放器的訊息記錄。您可以篩選訊息 依據記錄層級或字串
6. 在「Timeline」分頁中，你可以查看媒體播放和緩衝狀態的即時資訊。

遠端偵錯

您可以透過 Windows、Mac 或 Linux 查看 Android 裝置上的媒體播放器資訊 電腦。

1. 請按照這些步驟設定遠端偵錯功能。
2. 您現在可以從遠端查看媒體播放器的資訊。

隱藏及顯示媒體播放器

有時候，單一網頁上會有多個媒體播放器，或者也可能使用相同的瀏覽器分頁 瀏覽不同頁面，並在每個頁面使用媒體播放器

您可以選擇顯示或隱藏每個媒體播放器，方便偵錯。

1. 使用相同的瀏覽器分頁瀏覽多個不同的影片頁面。
2. 在其中一個媒體播放器上按一下滑鼠右鍵。你可以選擇隱藏所選玩家 隱藏播放器，您可以選取「隱藏所有其他玩家」，隱藏所有其他播放器。

匯出媒體播放器資訊

1. 在其中一個媒體播放器上按一下滑鼠右鍵。
2. 選取「儲存玩家資訊」，即可將玩家資訊下載為 JSON 檔案。