使用检查功能查看网页源代码的美妙之处在于，你可以查看和获取在给定时间完全有效的HTML代码，这在具有变化和移动元素的页面上非常有用，这些元素会显示和消失。

在检查模式下，你可以对页面上任何HTML元素的内容、属性和样式进行编辑。不过，这些更改只对你可见，不会以任何方式对你正在查看的网站进行永久更改。

现在，让我们看看这是如何工作的。

1、启动Chrome浏览器，打开你选择的网页。

2、右键单击页面上的任何位置，然后从下拉菜单中选择“检查”。也可以使用Ctrl+Shift+I键盘快捷键。

这将打开浏览器窗口右侧或底部的“开发人员工具”部分，具体取决于你的屏幕大小和布局。

开发人员工具部分由一个顶部菜单和下面的两个并排窗口组成。在左侧，你将看到页面的HTML源代码，这些代码可以逐个元素折叠和展开。在右侧，你将看到在左侧选择的每个元素的样式、事件侦听器和属性。

你将看到所有当前有效的HTML代码，其中包含所有元素，如标题、段落、列表、链接、图像甚至注释。代码量将是最小的，它在基本的HTML网页上没有复杂性，因此它将更快地显示。然而，在高流量、动态的网站上，有很多元素和功能，HTML源代码将相当长和复杂，因此需要更长的时间才能完全显示。

3、转到本节顶部，找到标记，该标记通常位于doctype（文档类型）声明（例如 ）之后。

4、找到标记后，按Ctrl+C或右键单击它，然后选择复制>复制outerHTML以复制页面的所有html源代码。

5、然后，你可以根据需要将此代码粘贴到文本或HTML文件中，并对其进行进一步检查和编辑。

在检查模式中，你还将看到内联样式和对外部样式表的引用（如果有的话）。此外，如果你在Chrome中应用了任何自定义用户样式，它们也将附加到你复制的HTML代码的底部。返回搜狐，查看更多