如何启用Safari的开发菜单

Safari的一些最佳特性被隐藏起来了

Safari提供了丰富的特殊功能专为web开发人员,所有这些都聚集在开发菜单中,默认情况下在菜单栏上不可见。开发菜单包含更改用户代理、显示Web检查器和错误控制台、禁用JavaScript和禁用Safari缓存的选项。即使您不是开发人员,您也可能会发现这些特性中的一些是有用的。

使用开发菜单非常简单,菜单中的每一项都与当前加载的和最前面的内容相关Safari页面或选项卡然后转到随后加载的网页。例外是一个命令,比如Empty cache,它对Safari有全局影响。

本文中的信息适用于Safari 8到12版本,尽管其中大部分也出现在开发菜单的早期版本中。

在Safari中显示开发菜单

在使用“开发”菜单之前,您必须首先使隐藏的菜单可见。这是一个简单的任务,比揭示调试菜单在Safari 4之前包含了现在开发菜单中的所有命令。然而,不要认为旧的Debug菜单不再相关;它仍然存在,并包含许多有用的工具。

  1. 发射Safari码头或Mac应用程序文件夹。

    Mac Dock上的Safari图标
  2. 点击打开Safari的首选项Safari在菜单栏中选择首选项在下拉菜单中。

    Safari菜单栏下拉菜单,选择了首选项
  3. 单击先进的选项卡。

    带有高级选项卡的Safari首选项屏幕
  4. 在旁边打勾在菜单栏中显示开发菜单

    高级Safari首选项显示开发菜单选项

如果您想要禁用开发人员菜单,请删除Safari>首选项>先进的屏幕上。

使用开发菜单

“开发”菜单出现在Safari菜单栏上的“书签”和“窗口”菜单项之间。开发菜单对web开发人员来说特别方便,但普通用户也会发现它很有用。

Safari中的开发菜单

一些开发菜单项,你可能会发现最有用的包括:

  • 打开页面:允许你在Mac上安装的任何浏览器中打开当前网页。如果你访问的网站不能正常使用Safari浏览器,使用这个命令可以在其他浏览器中快速弹出到相同的网页。
  • 用户代理:用户代理是一串文本,浏览器发送给承载网页的web服务器。如果你曾经访问过一个声称不支持Safari的网页,网站就会知道你使用的是什么浏览器。在大多数情况下,不支持是毫无意义的,使用此菜单项,您可以更改用户代理,以模拟来自不同浏览器的用户代理。你可能会惊讶地发现,一个不工作的网页,仅仅通过改变用户代理,就突然工作了很多次。
  • 空的缓存: Safari保存了最近访问的站点的缓存。该缓存中存储的数据包括页面的所有元素,当您返回页面时,可以使用这些元素快速呈现网站。有时缓存可能是旧的或损坏的,导致网页显示不正确。清空缓存可以解决这些问题,甚至可以帮助提高Safari浏览器的速度

额外的开发菜单项

大多数剩下的菜单项可能对web开发人员更有用,但如果你对网站如何构建感兴趣,那么以下项目可能会感兴趣:

  • 显示网络督察:这将打开当前页面底部的Web检查器。使用Web Inspector,您可以检查创建页面的元素。
  • 显示页面源代码:显示当前页面的HTML代码。
  • 显示页面资源:这将打开Web检查器中的资源检查器侧边栏。它提供了一种简单的方法来查看当前页面上使用了哪些图像、脚本、样式表和其他元素。
  • 开始时间记录:如果你想了解网页是如何加载和运行的,可以试试开始时间记录选择。这将创建一个图表,显示网络活动以及每个站点元素是如何加载和使用的。这是一个有趣的显示,但不要忘记通过选择关闭该功能停止时间记录.否则,你就会把Mac的资源用在非生产性的任务上——除非你是一个网页开发人员。
  • 进入响应式设计模式: web开发人员的另一个工具是内置的模拟器它可以让你预览不同屏幕分辨率或不同设备(如iPad或iPhone)下的网页效果。只需加载你感兴趣的页面并选择即可进入响应式设计模式预览页面。您可以使用各种设备尝试页面呈现,或者选择要使用的屏幕分辨率。完成后,返回到Develop菜单并选择退出响应式设计模式
  • 实验特性如果你有足够的勇气,你可以尝试一些新功能,这些功能可能会应用到未来的Safari浏览器版本中。

在开发菜单可见的情况下,花一些时间尝试各种菜单项。最后,您可能会得到一些您经常使用的最爱。

这个页面有用吗?