查看网页的已呈现源代码

概述

当您访问某个网页时，该网站会向您的浏览器发送 HTML 代码。此源代码通常包含其他资源（例如必须加载的脚本），这些资源可能会改变网页代码。

右键点击“显示源代码”通常只会显示返回到浏览器的原始网页代码，不包含之后加载和运行的脚本和其他资源。但在很多种情况下，尤其是对网页进行问题排查时，您需要查看浏览器中加载所有资源、运行所有脚本后，最终呈现的网页的代码。例如以下情形：

• 搜索用于验证的 Google Analytics（分析）或 Google 跟踪代码管理器代码。
• 调试网页加载和显示（即，检查您要加载的所有库和其他资源是否已加载）。
• 查看所提供的网页上的结构化数据。

如何查看已呈现的源代码

您可以通过以下几种方法查看网页的已呈现源代码：

• 在 Chrome 浏览器中：右键点击网页的任意部分，然后选择检查，以查看已呈现网页中的所有 HTML。使用 Ctrl + F (Windows) 或 Command + F (Mac) 在已呈现 HTML 中搜索内容。
• 对于您自己网站上的网页： 
  1. 检查网址：直接在网址检查工具中输入网址，或点击大多数 Search Console 报告中显示的网址旁边的检查链接图标 。
  2. 依次点击测试实际网址 > 查看被测试的网页。
  3. HTML 标签页会显示网页的已呈现 HTML。
• 对于任何网站上的网页，而不仅仅是您拥有的网站的网页：
  1. 打开移动设备适合性测试。
  2. 输入相应网页的网址。该网页必须无需登录即可让 Google 访问，并且未被 robots.txt 屏蔽。
  3. 点击查看被测试的网页。
  4. HTML 标签页会显示网页的已呈现 HTML。