在每个浏览器中查看网页的源代码

在每个浏览器中查看网页的源代码

您正在阅读的网页由源代码等组成。 这是您的网络浏览器下载的信息,并转化为您正在阅读的内容。

无论您使用什么类型的设备,大多数网络浏览器都能够查看网页的源代码,而无需额外的软件。

有些甚至提供高级功能和结构,使得浏览页面上的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的主菜单按钮,位于右上角,由三个垂直对齐的点表示。 出现下拉菜单时,将鼠标光标悬停在“

比丘资源网 » 在每个浏览器中查看网页的源代码

发表回复

提供最优质的资源集合

立即查看 了解详情