本教程仅适用于在Windows或Mac操作系统上运行Opera浏览器的用户。 如果您需要在其他浏览器中查看页面源代码，请参阅我们的指南中的如何在每个浏览器中查看网页的源代码 。
有很多原因希望查看网页的源代码，从调试您自己的网站的问题到纯粹的好奇心。 无论您的动机如何，Opera浏览器都可以轻松完成此任务。 您可以选择在浏览器选项卡中以最基本的形式查看此源代码，或者使用Opera的集成开发人员工具进行更深入的分析。 本教程将向您展示如何执行这两个操作。 首先，打开您的Opera浏览器
Windows用户
点击位于浏览器窗口左上角的Opera菜单按钮。 出现下拉菜单时，将鼠标光标悬停在“ 更多工具”选项上。 现在应该出现一个子菜单。 单击显示开发人员菜单，以便在该选项的左侧放置复选标记。
返回到Opera主菜单。 您现在会注意到一个新选项，位于更多标记为Developer的 工具的正下方。 将鼠标光标悬停在该选项上，直到出现子菜单。 接下来，点击查看页面源 。 活动网页的源代码现在将显示在新的浏览器选项卡中。 您也可以使用以下键盘快捷键来达到此点： CTRL + U
要查看有关活动页面及其相应代码的更多详细信息，请从Developer子菜单中选择Developer tools选项或使用以下键盘快捷键： CTRL + SHIFT + I
Mac OS X和macOS Sierra用户
点击位于屏幕顶部的Opera菜单中的查看 。 当出现下拉菜单时，选择Show Developer Menu 。 现在应将一个新选项添加到标记为Developer的Opera菜单中。 接下来单击此选项，当出现下拉菜单时，选择查看源代码 。 您还可以使用以下键盘快捷键执行此操作： Command + U
现在应该可以看到一个新选项卡，显示当前页面的源代码。 要使用Opera的开发工具集分析这个相同的页面，首先点击屏幕顶部浏览器菜单中的开发人员 。 出现下拉菜单时，选择开发人员工具选项。