无论您是涉足小型 Web 开发，还是只是对挖掘代码以了解其工作原理有兴趣，有时您可能希望查看特定网页背后的 HTML 源代码。

可以从您的 iOS 设备（如 iPhone 或 iPad）和 Mac 上执行此操作。 在本教程中，我们将向您展示如何在两个平台上查看网页的 HTML 源代码。

如果您想从您的 iPhone 或 iPad 查看网页的源代码，您需要使用一个应用程序来帮助您。 大多数现代应用程序使此过程变得简单，并包含有用的语法突出显示，因此您可以更好地了解您正在查看的内容。

我们推荐使用 HTML Viewer Q，它是 从 App Store 免费下载. 安装后，按照以下步骤查看网页的源代码：

1) 从主屏幕启动 HTML Viewer Q。

2) 点击 关联 应用右上角的按钮：

3) 输入要查看其源代码的网页的完整 URL，然后点击 走 按钮（我们将在此示例中使用亚马逊）。

4) 页面加载后，点击 代码 应用程序左上角的按钮。

您现在正在查看您选择的网页的源代码。 您可以点击应用程序顶部的任何数字来更改不同的字体大小：即 9pt、12pt、16pt 等，您还可以使用“搜索”按钮搜索您可能特别关注的任何关键字或语法寻找。

该应用程序还允许您复制 HTML 代码，以便将其粘贴到任何其他应用程序中。

如果您使用的是 Mac，那么您真的不需要第三方软件来查看网页的源代码。 您可以使用 Safari（或您喜欢的任何其他 Web 浏览器）在浏览器本身中查看源代码。

注意：根据您使用的网络浏览器，这些步骤会略有不同。

第一部分：在 Safari 中启用开发者工具

要在 Safari 中查看网页的源代码，您首先需要启用隐藏的开发工具。 为此，请按照下列步骤操作：

1) 如果 Safari 尚未打开，请启动它。

2) 去 Safari → 偏好 在菜单栏中。

3) 打开 先进的 首选项窗口中的选项卡。

4) 把复选标记放在 在菜单栏中显示开发菜单 框，如果尚未选中。

现在启用了适当的工具，您就可以进入下一部分查看网页的源代码了。

第二部分：在 Safari 中查看网页的源代码

要在开发工具启用后查看网页的源代码，请按以下步骤操作：

1) 如果 Safari 尚未打开，请启动它。

2) 加载您想要查看源代码的网页（我们将在此示例中使用亚马逊）。

3) 去 开发→显示页面源 在菜单栏中（或右键单击页面并选择 显示页面源）。

4) 源代码现在将出现在 Safari 应用程序底部的窗口中：

如果您愿意，您可以使用搜索栏查找特定的关键字或语法，或者您可以通过单击并拖动边缘来调整“开发”窗口的大小，就像在 Mac 上调整应用程序的大小一样。

此功能使好奇的 Georges 能够查看是什么使网页打勾，但这对于希望更好地理解网页背后的代码或只是简单的 Web 开发人员、新手或经验丰富的 Web 开发人员来说也是一个非常宝贵的工具想对自己的网站进行故障排除。

另请阅读：

如果您觉得本教程有帮助，请在下方给我们留言！