如果你习惯在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 是不会出现任何反应的,一定要先打开此选项才可以喔!
赞 (1)
打赏
微信扫一扫
