无论你是一名调试网站源代码的网页设计师，还是只是好奇网站的代码是什么样子，你都可以在Google Chrome中直接查看HTML源代码。查看HTML源代码有两种方式：查看源代码和使用开发人员工具进行检查。

使用查看页面源代码查看源代码

启动Chrome并跳转到您想要查看HTML源代码的网页。右键单击页面，然后单击“查看页面源代码”，或按Ctrl+U在新选项卡中查看页面的源代码。

将打开一个新选项卡，其中包含网页的所有HTML，完全展开且未格式化。

如果您要在HTML源代码中查找特定的元素或部分，使用View Source非常繁琐，特别是在页面使用大量JavaScript和CSS的情况下。

使用开发人员工具检查源代码

此方法使用Chrome中的开发人员工具窗格，是查看源代码的一种更干净的方法。HTML在这里更容易阅读，这要归功于额外的格式和折叠您不感兴趣的元素的能力。

打开Chrome，转到你想要查看的页面；然后按Ctrl+Shift+I。你正在查看的网页旁边会打开一个停靠的窗格。

单击元素旁边的灰色小箭头可将其进一步展开。

如果您不想在默认情况下查看整个页面的代码，而是检查HTML中的特定元素，请右键单击页面上的该空白处，然后单击“检查”。

这次打开窗格时，它会直接转到包含您单击的元素的代码部分。

如果要更改停靠位置，可以将其移动到底部、左侧、右侧，甚至可以将其取消停靠到单独的窗口中。单击菜单图标(三个点)，然后分别选择取消停靠到单独的窗口、停靠到左侧、停靠到底部或停靠到右侧。

非那样做不行。查看完代码后，请关闭“查看源代码”选项卡或单击“开发人员工具”窗格中的“X”返回您的网页。