参考呈现标签选项，了解可以应用到您网页的实用效果。
突出显示广告框架
若要检查帧是否已标记为广告，请执行以下操作：
模拟已聚焦的网页
如果将焦点从页面切换到开发者工具，某些叠加层元素会在由焦点触发时自动隐藏。例如，下拉列表、菜单或日期选择器。借助check_box 模拟聚焦的网页选项，您可以调试此类元素，使其成为焦点。
如需模拟聚焦的网页，请执行以下操作：
- 打开包含要调试的元素的网页，例如带有搜索栏的 YouTube 网站。
在该页面上，打开呈现标签页，然后勾选并取消选中模拟聚焦的网页。
您也可以在元素 > 操作栏上的 :hov 按钮下找到相同的选项。样式。
停用本地字体
通过在 @font-face 规则中停用 local() 源，检查本地字体替代项是否按预期运行。
通常，开发者和设计人员在开发过程中会使用相同字体的两个不同副本：
- 用于设计工具的本地字体，以及
- 代码的网页字体
停用本地字体可让您更轻松地执行以下操作：
- 调试和衡量网页字体加载性能和优化
- 验证 CSS
@font-face规则的正确性 - 了解网络字体与其本地版本之间的所有差异
在 @font-face 规则中模拟缺失的 local() 来源：
检查上面的句子，打开 Elements >已计算，一直向下滚动，然后在渲染的字体下方，发现 Chrome 在本地文件中找到了 Courier New。
打开渲染标签页，勾选停用本地字体，然后 重新加载页面。
观察网络上的 Roboto 句子。
启用自动深色模式
查看您的网站在深色模式下的外观（即使您未实现该模式）。
Chrome 96 针对 Android 设备上的自动深色主题推出了源试用。借助此功能，如果用户在操作系统中选择启用深色主题，浏览器会将自动生成的深色主题应用于浅色主题网站。
如需启用自动深色模式，请执行以下操作：
- 在此页面上，打开呈现标签页，然后勾选启用自动深色模式。
- 在深色模式下观察此页面。
模拟视觉缺陷
让每个人都能访问并享受网络。Google 致力于将这一切变为现实。
借助 Chrome 开发者工具，您可以了解视觉缺陷人士如何看待您的网站，从而据以改进网站。如需了解详情，请参阅模拟色觉缺陷。
如需模拟视觉缺陷：
- 打开渲染标签页。
在 Emulate vision deficiencies 下，从下拉列表中选择以下选项之一：
- 无模拟。
- 视力模糊。
- 降低对比度。
- 红色盲（无法感知红色）。红色辨识度低；不能混淆绿色、红色和黄色
- 绿色盲（无法感知绿色）。对绿色的感知度较低；不能混淆绿色、红色和黄色
- 蓝色盲（无法感知蓝色）。蓝色辨识度低；是绿色和蓝色的混淆。
- 全色盲（无法感知颜色）。部分或完全没有色觉。
停用 AVIF 和 WebP 图片格式
这些模拟可让开发者更轻松地测试不同的图片加载场景，而无需切换浏览器。
假设您使用以下 HTML 代码为新版浏览器投放 AVIF 和 WebP 格式的图片，同时为旧版浏览器投放 PNG 后备图片。
<picture>
<source srcset="test.avif" type="image/avif">
<source srcset="test.webp" type="image/webp">
<img src="test.png" alt="A test image">
</picture>
要停用网页上的所有 AVIF 图片（或与之类似的是 WebP 图片），请执行以下操作：
- 打开渲染标签页，勾选停用 AVIF 图片格式。
- 重新加载页面，然后将鼠标悬停在
img src。当前图片 src (currentSrc) 现在是后备 WebP 图片。
同样，您也可以停用 WebP 图片。