1.3.3 查看HTML5页面源代码

在浏览器中打开页面后，单击鼠标右键，在弹出的快捷菜单中选择“查看页面源代码”可以直接打开源代码页面。图1.13展示了Edge浏览器中页面快捷菜单中的内容。

图1.13 Edge浏览器中页面的快捷菜单

浏览器通常会打开新的页面展示源代码，通常源代码页面的地址是在原网页的地址前加上“view-source:”。有的网站禁止使用快捷菜单（单击鼠标右键无法打开快捷菜单），这时就可以使用修改地址的方法打开源代码页面。

也可以选择快捷菜单中的“检查”选项打开开发者工具。开发者工具中实时显示当前页面的源代码。

注意

选择“查看页面源代码”选项看到的源代码是浏览器打开的原始文档的代码。选择“检查”选项看到的源代码是浏览器正在显示的内容对应的源代码。