如何访问网页的HTML源代码？

所有主流互联网浏览器的用户都可以查看任何在线页面的HTML源代码。在以下部分中，将讨论查看每个主流浏览器源代码的多种方法。

引言

检查网页源代码时，服务器处理的数据和代码不会显示。例如，搜索引擎在服务器上处理数据，然后将结果显示在网页上。换句话说，虽然可以检查结果页面的源代码，但无法查看搜索引擎的源程序。

此指南适用于所有编程代码、SSI和服务器端脚本。因此，搜索引擎、论坛、投票、聊天等使用的脚本不允许访问其源代码。此外，从源代码复制数据可能会导致错误或将您带回复制它的页面。有几个搜索引擎我们可以访问网页的HTML源代码。它们如下：

谷歌浏览器

可以使用以下任何一种方法在Google Chrome中阅读网页的源代码。

仅访问源代码

1. 按下电脑键盘上的快捷键Ctrl+U即可仅显示源代码。
2. 右键单击网站空白区域时显示的弹出菜单中，选择查看页面源代码以查看页面源代码。

使用元素查看页面源代码

1. 您可以通过在Chrome中导航网站来查看网站的源代码。
2. 点击浏览器窗口右上角的Chrome设置图标。
3. 从打开的下拉选项中选择更多工具，然后选择开发者工具。
4. 屏幕底部显示的新部分在左上角有一个“元素”选项卡。点击它。

在Chrome中，也可以通过按F12或Ctrl+Shift+I来使用交互式开发者工具。通过此工具，用户可以更多地与源代码和CSS选项进行交互，并立即观察代码更改如何影响网页。

Mozilla Firefox

可以使用以下任何一种方法在Mozilla Firefox中阅读网页的源代码。

仅查看源代码

1. 按下电脑键盘上的Ctrl+U即可仅显示源代码。
2. 从网站空白区域右键单击时出现的弹出菜单中，选择查看页面源代码。

使用元素查看页面源代码

1. 要检查网页的源代码，请使用Firefox并转到所需的页面。
2. 要选择菜单，屏幕右上角有一个Firefox菜单图标。
3. 在下拉菜单中，选择更多工具；然后，从展开的菜单中选择Web开发者工具。
4. 屏幕底部显示区域的左上角有一个检查器选项卡。点击该按钮。

在Firefox中按F12或Ctrl+Shift+I也可以启动交互式开发者工具。借助此工具，用户可以与源代码和CSS选项进行交互，以实时观察代码更改如何反映在网页上。

查看页面的一部分源代码。

1. 要查看网页的源代码，请突出显示所需的区域。
2. 当您右键单击该突出显示区域时，查看选择选项将使用上下文菜单作为源。

Microsoft Edge

可以使用以下任何一种方法在Microsoft Edge中阅读网页的源代码。

仅查看源代码

1. 按下Ctrl+U键盘快捷键即可仅检查源代码。
2. 右键单击网站空白区域时显示的弹出菜单中，选择查看页面源代码以查看页面源代码。

使用元素查看页面源代码

1. 要检查网页的源代码，请打开Microsoft Edge并转到所需的页面。
2. 设置和更多Edge符号位于屏幕的右上角。点击它。
3. 将鼠标悬停在更多工具下拉菜单上，从展开的菜单中选择开发者工具。
4. 屏幕右侧的窗口顶部将有一个元素选项卡。

在Microsoft Edge中按F12或Ctrl+Shift+I也会显示交互式开发者工具。借助此工具，用户可以与源代码和CSS选项进行交互，以实时观察代码更改如何反映在网页上。

Microsoft Internet Explorer

可以使用以下任何一种方法在Microsoft Internet Explorer中阅读网页的源代码。

仅查看源代码

1. 按下电脑键盘上的Ctrl+U即可仅显示源代码。
2. 从网站空白区域右键单击时显示的弹出菜单中，选择查看源。

使用元素查看页面源代码

1. 在Internet Explorer中转到您要查看源代码的网站。
2. 在右上角，选择Internet Explorer工具图标。
3. 下拉选项将允许您选择F12开发者工具。
4. 在开发者工具菜单的左上角选择DOM Explorer选项卡。

在Internet Explorer中，可以通过按F12访问DOM工具。借助此工具，用户可以与源代码和CSS选项进行交互，并立即观察代码更改如何影响网页。

Safari

在Safari中阅读网页源代码必须启用开发者选项。您可以在以下部分中找到如何启用此功能，然后阅读网页的源代码。

如何使用Safari的开发者设置

1. 首先，启动Safari网页浏览器。
2. 之后，从屏幕左上角的菜单按钮中选择Safari。
3. 从打开的下拉菜单中选择偏好设置。
4. 在菜单栏中，通过选择高级选项卡，选择显示开发旁边的复选框。
5. 开发选项现在应该在屏幕顶部的Apple菜单栏中可见。

使用元素查看页面源代码

方法 1

1. 要阅读网站的源代码，请启动Safari并转到该网站。
2. 点击屏幕最顶部菜单栏中出现的开发选项，然后从下拉列表中选择显示页面源代码。
3. 在开发者工具中，选择元素选项卡区域，使其位于屏幕中央。

方法 2

通过右键单击网站的空白区域，从显示的弹出选项中选择“显示页面源代码”。

Opera

可以使用以下任何一种方法在Opera中阅读网页的源代码。

仅查看源代码

1. 按下电脑键盘上的Ctrl+U即可仅显示源代码。
2. 右键单击网站空白区域时显示的弹出菜单中，选择页面源代码。

使用元素查看页面源代码

1. 要检查网页的源代码，请打开Opera并转到所需的页面。
2. 点击浏览器窗口左上角的Opera菜单按钮符号，选择Opera。
3. 当“开发者”的下拉菜单展开时，用鼠标点击“开发者工具”选项。
4. 窗口将在屏幕右侧打开；在窗口顶部，选择元素选项卡。

如果您看不到开发者子菜单，请从开发者菜单中选择更多工具 显示。之后，再次点击Opera菜单按钮。开发者条目现在应该出现在列表中。

在Opera中，也可以通过按Ctrl+Shift+I来使用交互式开发者工具。借助此工具，用户可以与源代码和CSS选项进行交互，以实时观察代码更改如何反映在网页上。

Android 设备或平板电脑使用 Chrome。

1. 启动您正在使用的Android Google Chrome浏览器设备。
2. 打开所需的网页，查看其源代码。
3. 在地址栏中点击一次，将指针移动到URL的开头。
4. 输入view-source后，点击前往或回车。

iPhone 或 iPad 使用 Safari

在iPhone或iPad上查看网页的源代码需要付出更多努力，但仍然可行。要检查网页的源代码，您必须首先创建书签，为其提供JavaScript代码，然后在网站上使用书签。

创建书签以访问源代码

1. 在您的iPhone或iPad上打开Safari互联网浏览器。
2. 可以访问任何网站，例如www.javatpoint.com。
3. 在屏幕底部，点击更多图标。
4. 选项打开，然后点击添加书签。
5. 清除旧名称后，使用书签名称框右侧的x，输入“查看网页源代码”作为新名称。
6. 要保存书签，请点击屏幕右上角的保存。
7. 点击屏幕底部的书签符号，即可在Safari中访问您的书签。
8. 使用显示器底部的菜单按钮访问它，找到您之前创建的书签，然后按住它。
9. 在菜单上，点击选择编辑。
10. 点击URL以清除它，然后点击x，将第7步中的JavaScript代码粘贴到编辑书签屏幕上的URL字段中。
11. 要保存书签修改，请点击屏幕右下角的完成。

要访问源代码，请使用书签。

创建书签后，现在可以查看网页的源代码，如前所述。

1. 打开Safari并导航到您希望查看源代码的网站。
2. 屏幕底部有一个书签图标。点击它。
3. 之后，选择您刚刚创建的书签，以访问网页的源代码。