您正在阅读的网页由（其中包括）源代码组成。这是您的网络浏览器下载的信息，并转化为您正在阅读的内容。
大多数Web浏览器都能够查看网页的源代码，无需使用其他软件，无论您使用何种类型的设备。
有些甚至提供了高级功能和结构，使得更容易阅读页面上的HTML和其他编程代码。
为什么要查看源代码？
您可能希望查看页面源代码的原因有多种。如果您是一名Web开发人员，或许您想要了解其他程序员的特定风格或实现。也许你在质量保证方面，并试图确定为什么网页的某个部分正在呈现或表现的方式。
你也可以成为一名初学者，试图学习如何编写自己的页面，并寻找一些真实的例子。当然，您可能不属于这些类别中的任何一种，只是想要纯粹的好奇心来查看来源。
下面列出了有关如何在您选择的浏览器中查看源代码的说明。
谷歌浏览器
运行于：Chrome OS，Linux，macOS，Windows
桌面版Chrome提供三种不同的方法来查看页面的源代码，第一种也是最简单的方法是使用以下键盘快捷键： CTRL + U. (命令+选项+ U. 在macOS上）。
按下此按钮时，此快捷方式将打开一个新的浏览器选项卡，显示活动页面的HTML和其他代码。此来源采用颜色编码和结构化，使得分割和查找您正在寻找的内容变得更加简单。您也可以通过在Chrome的地址栏中输入以下文字到达此处，该地址栏会附加到网页网址的左侧，并选择 输入 键： 视图源： （即，view-source：https：//www.Go-Travels.com）。
第三种方法是通过Chrome的开发人员工具，它允许您深入了解页面的代码，并在运行中进行调整以进行测试和开发。可以使用此键盘快捷键打开和关闭开发人员工具界面： CTRL + SHIFT + I (命令+选项+我 在macOS上）。您也可以通过以下路径启动它们。
-
选择Chrome的主菜单按钮，位于右上角，由三个垂直对齐的点表示。
-
出现下拉菜单时，将鼠标光标悬停在 更多工具 选项。
-
出现子菜单时，选择 开发者工具.
Android的
在Chrome for Android中查看网页的来源非常简单，只需将以下文字附加到其地址（或网址）的正面并提交即可： 视图源：。这方面的一个例子是 视图源：HTTPS：//www.Go-Travels.com 。来自相关页面的HTML和其他代码将立即显示在活动窗口中。
iOS版
虽然没有本地方法可以在iPad，iPhone或iPod touch上使用Chrome查看源代码，但最简单和最有效的方法是使用第三方解决方案，例如View Source应用程序。
在App Store中以0.99美元的价格提供，View Source会提示您输入页面的URL（或从Chrome的地址栏中复制/粘贴它，这有时是最简单的路径）就是这样。除了显示HTML和其他源代码之外，该应用程序还具有显示单个页面资源，文档对象模型（DOM）以及页面大小，cookie和其他有趣细节的选项卡。
Microsoft Edge
运行于：Windows
Edge浏览器允许您通过其Developer Tools界面查看，分析甚至操作当前页面的源代码。要访问这个方便的工具集，您可以使用以下键盘快捷键之一： F12 要么 CTRL + U.。如果您更喜欢使用鼠标，请单击Edge的菜单按钮（位于右上角的三个点）并选择 F12开发人员工具 列表中的选项。
首次运行开发工具后，Edge会在浏览器的上下文菜单中添加两个附加选项（可通过右键单击网页中的任意位置来访问）： 检查元素 和 查看来源，后者打开了 调试器 dev工具界面的一部分填充了源代码。
火狐浏览器
运行于：Linux，macOS，Windows
要在桌面版Firefox中查看页面的源代码，您可以按 CTRL + U. (COMMAND + U. 在键盘上的macOS上，它将打开一个包含活动网页的HTML和其他代码的新选项卡。
将以下文本键入Firefox的地址栏，直接在页面的URL左侧，将导致相同的源显示在当前选项卡中： 视图源： ( 即，view-source：https：//www.dotdash.com ).
访问页面源代码的另一种方法是通过Firefox的开发人员工具，可通过以下步骤访问。
-
选择主菜单按钮，位于浏览器窗口的右上角，由三条水平线表示。
-
出现弹出菜单时，单击 开发人员 “扳手”图标。
-
现在应该可以看到Web Developer上下文菜单。选择 页面来源 选项。
Firefox还允许您查看页面特定部分的源代码，从而轻松隔离问题。为此，首先使用鼠标突出显示您感兴趣的区域。接下来，右键单击并选择 查看选择来源 从浏览器的上下文菜单中。
Android的
通过在网页的URL前添加以下文本，可以在Android版本的Firefox中查看源代码： 视图源：。例如，要查看Dotdash的HTML源代码，您需要在浏览器的地址栏中提交以下文本： 视图源：HTTPS：//www.dotdash.com .
iOS版
我们推荐的在iPad，iPhone或iPod touch上查看网页源代码的方法是通过App Store中的View Source应用程序，价格为0.99美元。虽然没有直接与Firefox集成，但您可以轻松地将浏览器中的URL复制并粘贴到应用程序中，以便揭示与相关页面关联的HTML和其他代码。
Apple Safari
在iOS和macOS上运行
iOS版
虽然默认情况下Safari for iOS不包含查看页面源的功能，但浏览器确实可以与App Store中的View Source应用程序无缝集成，只需0.99美元。
安装此第三方应用程序后，返回Safari浏览器并点击位于屏幕底部的“共享”按钮，并用方框和向上箭头表示。 iOS共享表现在应该可见，覆盖Safari窗口的下半部分。向右滚动并选择 查看来源 按钮。
现在应该显示活动页面源代码的颜色编码的结构化表示，以及允许您查看页面资源，脚本等的其他选项卡。
苹果系统
要在桌面版Safari中查看页面的源代码，首先需要启用它 开发 菜单。以下步骤将指导您激活此隐藏菜单并显示页面的HTML源代码。
-
选择 苹果浏览器 在浏览器菜单中，位于屏幕顶部。
-
出现下拉菜单时，选择 喜好 选项。
-
Safari的首选项现在应该可见。点击 高级 图标，位于顶行的最右侧。
-
“高级”部分的底部是一个标记的选项 在菜单栏中显示“开发”菜单，伴随着一个空的复选框。选择此框一次以在其中放置复选标记，然后单击左上角的红色“x”关闭“首选项”窗口。
-
选择 开发 菜单，位于屏幕顶部。
-
出现下拉菜单时，选择 显示页面来源。您也可以使用以下键盘快捷键： 命令+选项+ U..
歌剧
运行于：Linux，macOS，Windows
要在Opera浏览器中查看活动网页的源代码，请使用以下键盘快捷键： CTRL + U. (命令+选项+ U. 在macOS上）。如果您更喜欢在当前选项卡中加载源代码，请在地址栏中输入页面左侧URL中的以下文本并点击 输入：view-source： ( 即，view-source：https：//www.Go-Travels.com ).
Opera的桌面版本还允许您使用其集成的开发人员工具查看HTML源代码，CSS和其他元素。要启动此界面（默认情况下将显示在主浏览器窗口的右侧），请按以下键盘快捷键： CTRL + SHIFT + I (命令+选项+我 在macOS上）。
通过执行以下步骤也可以访问Opera的开发人员工具集。
-
选择Opera徽标，位于浏览器窗口的左上角。
-
出现下拉菜单时，将鼠标光标悬停在 更多工具 选项。
-
点击 显示开发者菜单.
-
再次选择Opera徽标。
-
出现下拉菜单时，将光标悬停在上方 开发人员.
-
出现子菜单时，选择 开发者工具.
维瓦尔第
有多种方法可以在Vivaldi浏览器中查看页面源。最简单的是通过 CTRL + U. 键盘快捷键，在新选项卡中显示活动页面中的代码。
您还可以将以下文本添加到页面的URL前面，该URL在当前选项卡中显示源代码： 视图源：。这方面的一个例子是 视图-出处：http：//www.dotdash.com .
另一种方法是通过浏览器的集成开发人员工具，可以通过按下来访问 CTRL + SHIFT + I 组合或通过 开发者工具 浏览器中的选项 工具 菜单 - 通过选择找到 V 左上角的徽标。使用开发工具可以对页面源进行更深入的分析。
