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

这是在MacOS上的Safari中查看网页源的方法：

首先通过以下步骤启用Safari Develop菜单：转到Safari菜单选择“首选项”转到“高级”然后选中复选框以启用开发人员菜单

在Mac上的Safari中启用“开发”菜单可以查看页面源

接下来在任何Safari窗口中导航到您要查看和检查其来源的网页

下拉屏幕顶部的“开发”菜单然后从菜单选项中选择“显示页面源”

如何在Mac上的Safari中查看页面源

网页源将显示在屏幕上的“ Web检查器源”部分中该区域是Safari内置的Web开发人员工具包

在Mac的Safari中查看页面源

除了查看页面源代码外您还可以使用“开发”菜单完成许多其他Web上有用的技巧和开发人员任务包括禁用Javascript和清除Safari缓存以及众多其他面向高级用户和开发人员的功能例如查找嵌入式文件页数

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

导航至您要查看其页面来源的网页

按Command + Option + U组合键查看页面源

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

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

值得一提的是Chrome浏览器和Firefox浏览器也具有类似的Web元素检查器功能但是显然我们在此重点关注Mac版Safari

Safari for Mac中的开发人员功能尚不适用于iPhone或iPad(但无论如何)但是如果您有兴趣在移动端获取源代码查看选项则可以使用此javascript技巧在iOS和ipadOS版本的Web页面上查看页面源代码苹果浏览器