概述
当您访问某个网页时,该网站会向您的浏览器发送 HTML 代码。此源代码通常包含其他资源(例如必须加载的脚本),这些资源可能会改变网页代码。
右键点击“显示源代码”通常只会显示返回到浏览器的原始网页代码,不包含之后加载和运行的脚本和其他资源。但在很多种情况下,尤其是对网页进行问题排查时,您需要查看浏览器中加载所有资源、运行所有脚本后,最终呈现的网页的代码。例如以下情形:
- 搜索用于验证的 Google Analytics 或 Google 跟踪代码管理器代码。
- 调试网页加载和显示(即,检查您要加载的所有库和其他资源是否已加载)。
- 查看所提供的网页上的结构化数据。
如何查看已呈现的源代码
您可以通过以下几种方法查看网页的已呈现源代码:
- 在 Chrome 浏览器中:右键点击网页的任意部分,然后选择检查,以查看已呈现网页中的所有 HTML。使用
Ctrl + F
(Windows) 或Command + F
(Mac) 在已呈现 HTML 中搜索内容。 - 对于您自己网站上的网页:
- 检查网址:直接在网址检查工具中输入网址,或点击大多数 Search Console 报告中显示的网址旁边的检查链接图标 。
- 依次点击测试实际网址 > 查看被测试的网页。
- HTML 标签页会显示网页的已呈现 HTML。
- 对于任何网站上的网页,而不仅仅是您拥有的网站的网页:
- 打开富媒体搜索结果测试。
- 输入相应网页的网址。该网页必须无需登录即可让 Google 访问,并且未被 robots.txt 屏蔽。
- 点击查看被测试的网页。
- HTML 标签页会显示网页的已呈现 HTML。