查看和调试媒体播放器信息View and debug media players information

使用**** Microsoft Edge DevTools 中的媒体工具查看信息并按浏览器选项卡调试媒体播放器。Use the Media tool in Microsoft Edge DevTools to view information and debug the media players per browser tab.

打开媒体工具Open the Media tool

媒体 工具 是 DevTools 中用于检查网页的媒体播放器的主要位置。The Media tool is the main place in DevTools for inspecting the media player of a webpage.

  1. 打开 DevToolsOpen DevTools.

  2. 若要打开媒体面板,请选择"自定义和控制 DevTools ... > 更多工具媒体 > "。To open the Media panel, choose Customize and control DevTools ... > More tools > Media.

    媒体面板

查看媒体播放器信息View media players information

  1. 导航到包含媒体播放器的网页,如以下网页。Navigate to a webpage with a media player, such as the following webpage.

    使用边缘开发人员工具最大程度地提高工作效率Maximizing productivity with the Edge Developer Tools

  2. 在" 玩家" 菜单下,将显示媒体播放器。Under the Players menu, a media player is displayed.

  3. 选择玩家。Choose the player. " 属性 "面板显示媒体播放器的属性。The Properties panel displays the properties of the media player.

    媒体属性

  4. 若要查看所有媒体播放器事件,请选择" 事件" 面板。To view all the media player events, choose the Events panel.

    媒体事件

  5. 若要查看媒体播放器消息日志,请选择"消息 " 面板。To view the media player message logs, choose the Messages panel. 您可以按日志级别或字符串筛选消息。You may filter the messages by log level or string.

    媒体消息

  6. 在时间线 面板 上,媒体播放和缓冲区状态实时显示。On the Timeline panel, the media playback and buffer status is displayed live.

    媒体时间线

远程调试Remote debugging

从 Windows 或 macOS 计算机查看 Android 设备上的媒体播放器信息。View the media players information on an Android device from your Windows or macOS computer.

  1. 若要设置远程调试,请导航到开始 远程调试 Android 设备To set up remote debugging, navigate to Get started with remote debugging Android devices.

  2. 远程查看媒体播放器信息。View the media players information remotely.

隐藏和显示媒体播放器Hide and show media players

有时,您可以在一个网页上运行多个媒体播放器,或者使用同一浏览器选项卡浏览不同的网页,每个网页都使用媒体播放器。Sometimes you run more than one media player on a webpage, or use the same browser tab to browse different webpages, each with media players.

你可以选择隐藏 \ (或显示) 每个媒体播放器,以简化调试体验。You may choose to hide (or show) each media player for an easier debugging experience.

  1. 使用同一浏览器选项卡浏览到多个不同的视频网页。Browse to several different video webpages using the same browser tab.

  2. 若要隐藏媒体播放器,请完成以下操作之一。To hide media players, complete one of the following actions.

    • 若要隐藏一个媒体播放器,请将鼠标悬停在媒体播放器上,打开上下文菜单 \ (右键单击) ,然后选择"隐藏播放器"。To hide one media player, hover on a media player, open the contextual menu (right-click), and choose Hide player.
    • 若要隐藏所有其他媒体播放器,请将鼠标悬停在媒体播放器上,打开上下文菜单 \ (右键单击) ,然后选择"隐藏所有其他"。To hide all of the other media players, hover on a media player, open the contextual menu (right-click), and choose Hide all others.

    隐藏媒体播放器

导出媒体播放器信息Export media player information

  1. 若要将媒体播放器信息下载为 JSON 文件,请将鼠标悬停在媒体播放器上,打开上下文菜单 \ (右键单击) ,然后选择"保存播放器信息"。To download the media player info as a JSON file, hover on a media player, open the contextual menu (right-click), and choose Save player info.

    导出媒体信息

联系 Microsoft Edge DevTools 团队Getting in touch with the Microsoft Edge DevTools team

使用以下选项讨论帖子中的新功能和更改,或与 DevTools 相关的任何其他内容。Use the following options to discuss the new features and changes in the post, or anything else related to DevTools.

  • 使用“发送反馈”图标发送反馈,或在 DevTools 中选择Alt+Shift+I \ (Windows、Linux) 或 Option+Shift+I \ (macOS)。Send your feedback using the Send Feedback icon or select Alt+Shift+I (Windows, Linux) or Option+Shift+I (macOS) in DevTools.
  • 发推 @EdgeDevToolsTweet at @EdgeDevTools.
  • 我们想要的 Web 提交建议。Submit a suggestion to The Web We Want.
  • 若要提交有关本文的错误,请使用以下“反馈” 部分。To file bugs about this article, use the following Feedback section.

Microsoft Edge DevTools 中的“发送反馈”图标

备注

此页面的某些部分是根据 Google 创建和共享的作品所做的修改,并根据 Creative Commons Attribution 4.0 International License 中描述的条款使用。Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons Attribution 4.0 International License.
原始页面位于 此处,并由 Jecelyn Yeen \(开发人员支持者,Chrome DevTools\)制作。The original page is found here and is authored by Jecelyn Yeen (Developer advocate, Chrome DevTools).

Creative Commons License
本作品根据 Creative Commons Attribution 4.0 International License 获得许可。This work is licensed under a Creative Commons Attribution 4.0 International License.