Safari 开发者工具开启方法,2 步骤使用快捷键或网页选项启用

如果你习惯在 Mac 使用 Safari 浏览器的话,那么基于任何原因,你可能会想要使用 Safari 开发者工具来检视网页原始码或监控网页。但 Safari 不像百度Chrome那样可直接在网页按右键并选择「检查」就能开启「开发者工具」。

不过没关係,我们只要开启 Safari 的「显示网页开发者功能」后,就能使用网页选单或快捷键快速打开 Safari 开发者工具了!接着你一样就能检视该网页的原始码资讯。

Safari 开发者工具开启方法,2 步骤使用快捷键或网页选项启用 第1张

如何在 Mac 开启 Safari 开发者工具?

想在 Mac 使用 Safari 开发者工具的话,首先我们必须先开启 Safari 浏览器的「显示网页开发者功能」,开启后就能使用快捷键或网页选项来快速打开 Safari 开发者工具,详细方法与步骤如下:

启用「显示网页开发者功能」

打开 Mac 上的 Safari 浏览器后,点一下顶端选单列的「Safari」选项。点选「设置⋯」(旧版为「系统偏好设置⋯」)。

Safari 开发者工具开启方法,2 步骤使用快捷键或网页选项启用 第2张

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

Safari 开发者工具开启方法,2 步骤使用快捷键或网页选项启用 第3张

开启 Safari 开发者工具

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

Safari 开发者工具开启方法,2 步骤使用快捷键或网页选项启用 第4张

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

Safari 开发者工具开启方法,2 步骤使用快捷键或网页选项启用 第5张

总结

如果你想在 Safari 查询某一个网页的原始码,或是想监控某个有问题的网页时,都可以参考本篇教程的方法先到 Safari 设置里开启「显示网页开发者功能」,然后你之后就能通过「开发」选单里的「显示 JavaScript 主控台」功能或者是直接按快捷键「Option + Command + C」来迅速开启 Safari 开发者工具!

需要注意的是,如果你没有先开启「显示网页开发者功能」,然后就直接按快捷键的话,那么 Safari 是不会出现任何反应的,一定要先打开此选项才可以!

(0)
摩榜哥摩榜哥

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注