在每个浏览器中查看网页的源代码
您正在阅读的网页由源代码等组成。 这是您的网络浏览器下载的信息,并转化为您正在阅读的内容。
无论您使用什么类型的设备,大多数网络浏览器都能够查看网页的源代码,而无需额外的软件。
有些甚至提供高级功能和结构,使得浏览页面上的HTML和其他编程代码变得更容易。
为什么你想看到源代码?有几个原因可能会导致您想要查看页面的源代码。 如果你是一个Web开发人员,也许你想在另一个程序员的特定风格或实现下窥探一下。 也许你有质量保证,并试图确定为什么网页的某个部分呈现或表现得如此。
您也可以尝试学习如何编写自己的网页,并寻找一些真实世界的例子。 当然,有可能您不属于这些类别,只是想从纯粹的好奇心中查看源代码。
下面列出了如何在您选择的浏览器中查看源代码的说明。
谷歌浏览器运行于:Chrome OS,Linux,macOS,Windows
Chrome的桌面版提供了三种不同的方法来查看页面的源代码,这是第一种也是最简单的方法,它使用以下键盘快捷键: CTRL + U (在macOS上的命令+选项+ U )。
按下后,此快捷方式会打开一个新的浏览器选项卡,显示活动页面的HTML和其他代码。 此来源采用颜色编码和结构化方式,可以更方便地进行划分并找到您要查找的内容。 您也可以在Chrome的地址栏中输入以下文本,并在网页左侧的URL中输入以下文本,然后按Enter键: view-source :(即view-source:https:// www )。
第三种方法是通过Chrome的开发工具 ,它可以让你更深入地浏览页面的代码,并且为了测试和开发的目的而动态调整它。 使用此键盘快捷方式可以打开和关闭开发人员工具界面: CTRL + SHIFT + I (macOS上的COMMAND + OPTION + I )。 您也可以通过采取以下路径启动它们。
点击Chrome的主菜单按钮,位于右上角,由三个垂直对齐的点表示。 出现下拉菜单时,将鼠标光标悬停在“