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