- N +

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

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

导读:

如果你习惯在 Mac 使用 Safari 浏览器的话,那么基于任何原因,你可能会想要使用 Safari 开发者工具来检视网页原始码或监控网页。但 Safari 不像 Googl...

如果你习惯在 Mac 使用 Safari 浏览器的话,那么基于任何原因,你可能会想要使用 Safari 开发者工具来检视网页原始码或监控网页。但 Safari 不像 Google 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张 显示 Javascript 主控台"/>

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

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

    总结

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

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

    返回列表
    上一篇:
    下一篇: