在Safari 和其他网络浏览器中查看网页源代码对于许多以网络为生甚至是业余爱好的人来说是一项相当常规的活动。与其他一些浏览器不同，要在 Safari 中查看页面源代码，您必须首先为浏览器启用开发者工具集才能访问查看网页源代码功能。

本教程将演示如何在Mac OS 的Safari 中查看网页源。这适用于所有版本的 Safari 和 MacOS。

如何在Safari for Mac中查看页面源代码

以下是在MacOS 上的Safari 中查看网页源代码的方法：

1. 首先，通过转到Safari 菜单启用Safari 开发菜单，选择“首选项”，转到“高级”并选中启用开发人员菜单的框



2. 接下来，在任何Safari 窗口中，导航到您希望查看和检查其来源的网页
3. 下拉屏幕顶部的“开发”菜单，然后从菜单选项中选择“显示页面源代码”



4. 网页源代码将出现在网络检查器源部分的屏幕上，这是Safari内置的网络开发人员工具包

除了查看页面源代码之外，您还可以使用“开发”菜单来完成许多其他有用的网络技巧和开发人员任务，包括禁用 Javascript 和清除 Safari 缓存以及面向高级的无数其他功能和功能用户和开发者，喜欢在页面中查找嵌入的文件。

如何在Mac上的Safari中通过键盘快捷键查看页面源代码

在Safari 中启用开发菜单后，您还可以使用键盘快捷键在Mac 的Safari 浏览器中快速查看任何网页源代码：

1. 导航到您要查看其页面源的网页
2. 按Command + Option + U键盘组合查看页面源

查看页面源代码的键盘快捷键将打开网络检查器工具，就像从“开发”菜单访问它一样。

如果您是Safari 的高级用户，启用“开发”菜单可能是您首次启动浏览器时要做的第一件事。

值得一提的是，Chrome浏览器和Firefox浏览器也有类似的网页元素检查器功能，但显然我们这里主要关注Safari for Mac。

Mac 版 Safari 中的开发人员功能不适用于 iPhone 或 iPad（无论如何），但如果您有兴趣在移动端获得源代码查看选项，您可以使用此 javascript 技巧来查看iOS 和 ipadOS 版本的 Safari 中的页面源。

关于在Safari 中查看页面源代码或开发人员工具集，您有任何实用的提示或技巧吗？在评论中与我们分享您的想法、技巧和经验。