如果你习惯在 Mac 使用 Safari 浏览器的话,那么基于任何原因,你可能会想要使用 Safari 开发者工具来检视网页原始码或监控网页。但 Safari 不像百度Chrome那样可直接在网页按右键并选择「检查」就能开启「开发者工具」。
不过没关係,我们只要开启 Safari 的「显示网页开发者功能」后,就能使用网页选单或快捷键快速打开 Safari 开发者工具了!接着你一样就能检视该网页的原始码资讯。

如何在 Mac 开启 Safari 开发者工具?
想在 Mac 使用 Safari 开发者工具的话,首先我们必须先开启 Safari 浏览器的「显示网页开发者功能」,开启后就能使用快捷键或网页选项来快速打开 Safari 开发者工具,详细方法与步骤如下:
启用「显示网页开发者功能」
打开 Mac 上的 Safari 浏览器后,点一下顶端选单列的「Safari」选项。点选「设置⋯」(旧版为「系统偏好设置⋯」)。

设置>开启 Safari 设置页面后,请切换到「进阶」分页,并在最下方开启「显示网页开发者功能」。

开启 Safari 开发者工具
成功开启「显示网页开发者功能」后,现在到你想启用 Safari 开发者工具的该网页上,点一下最上方选单列的「开发」选单,然后点选「显示 JavaScript 主控台」选项,或者你也能按开发者工具快捷键「Option + Command + C」。

这样就可以快速开启 Safari 开发者工具囉!这边就会显示主控台、原始码、时间列、储存空间、图形等分页让你自由查看关注网页细节与各项数据资料。

总结
如果你想在 Safari 查询某一个网页的原始码,或是想监控某个有问题的网页时,都可以参考本篇教程的方法先到 Safari 设置里开启「显示网页开发者功能」,然后你之后就能通过「开发」选单里的「显示 JavaScript 主控台」功能或者是直接按快捷键「Option + Command + C」来迅速开启 Safari 开发者工具!
需要注意的是,如果你没有先开启「显示网页开发者功能」,然后就直接按快捷键的话,那么 Safari 是不会出现任何反应的,一定要先打开此选项才可以!