在 Mac 版 Safari(macOS Mojave 及更早版本)中显示开发人员菜单使开发人员和高级用户可以访问多种功能。激活这个“隐藏菜单”后,您将能够显示页面的源代码,清除 Safari 缓存,尝试Apple浏览器的实验性功能,切换到自适应设计模式以模拟网站在多个设备或显示分辨率上的行为,显示Web检查器,使用多个用户代理(Safari,Microsoft Edge,Internal Explorer,Firefox Google Chrome) ),根据具体情况禁用页面的某些元素(扩展、图像、样式、Javascript 等)。除了阅读 Safari 之外,我们建议您阅读如何重置 Mac 版 Safari, 评论更改 Safari Mac 的搜索引擎(Qwant、Bing、DuckDuckGo...)同时还可以阅读我们的教程加快 Safari Mac 的速度并为清除 Safari 历史记录。
显示 Safari 开发菜单:多一个菜单!
从 Dock 或通过“应用程序”文件夹中的 Finder 启动 Safari 浏览器。转到 Safari 下拉菜单,然后打开首选项 (⌘,)。
现在,如果您查看下拉菜单栏,您将看到在“书签”和“Windows”之间出现一个新项目。这是开发菜单。
显示Safari开发菜单:显示页面的源代码
在开发人员可用的众多可能性中,我们非常感谢显示 JavaScript 控制台 (⌥⌘C)、显示页面的源代码 (⌥⌘U) 甚至显示页面的资源 (⌥⌘A)。
启动您选择的网页并通过右键单击页面上的任意位置也可以查看该页面的源代码 (⌥⌘U)。
显示 Safari 开发菜单:实验性功能
其中有很多,我们邀请您根据您的需要进行测试。 Web GPU、WebGL 2.0、Web 动画……
显示Safari开发菜单:自适应设计模式
切换到自适应设计模式 (⌃⌘R) 允许您在不同的屏幕尺寸上测试您的网站,从而在不同的硬件上测试您的网站。您想知道您的博客在 iPhone、iPad 以及电视上以 1920 x 1080 (HD) 分辨率显示效果是否良好……那么这就是您需要的工具。
显示 Safari 开发菜单:许多其他功能...
其他功能对开发人员也很有用,用户代理允许您使用不同的主要 Web 浏览器(例如 Google Chrome、Firefox、Edge)测试页面的渲染……Web 检查器及其元素(网络、控制台、时间线、调试器) , 帆布…)。能够根据需要激活/停用(图像、JavaScript、样式等)来控制屏幕上显示的所有内容(图像、JavaScript、样式等)、清空缓存。能够下载并安装 Safari 技术预览版。