如何在 Mac 上的 Safari 中“查看页面源代码”

能够在网页上“查看页面源代码”或“检查元素”对高级 Mac 用户非常有帮助。您可以解决网页相关问题，调整 HTML 代码的样式，甚至可以从您认为是行业领导者的网站学习优化技巧。

本指南旨在帮助从 Windows 或其他 Mac 浏览器过渡到macOS 上的 Safari的用户。如果您和我一样，出于不同的原因（甚至不同的项目以更好地管理自己）使用多个浏览器。虽然 Chrome 快速且轻便，但 Mac 的默认浏览器更好地与整个 Apple 生态系统集成，允许您同步密码钥匙串选项。

与 Chrome、Firefox 或 Opera 等其他 Mac 浏览器相比；默认情况下，Safari 没有启用“查看页面源代码”的选项。但是，您可以通过几个步骤调整设置。

如何在 Mac 上的 Safari 中“查看页面源代码”

1. 打开您的 Safari 浏览器
2. 单击导航栏中的“Safari”，然后选择“首选项”
3. 转到“高级”选项卡
4. 勾选“在菜单栏中显示开发菜单”

退出首选项后，您将能够用双指点击触控板（或用鼠标右键单击）以查看“显示页面源”甚至“检查元素”的选项。

在下面找到分步图像指南。

步骤 1) 在 Safari 中，选择首选项

Step 2) 选择“Advanced”选项卡并勾选“Show Develop menu in menu bar”

步骤 3) 选择“显示页面源代码”或“检查元素”