如何在Safari中激活和使用响应性设计模式

开始Safari版本9在OS X El Capitan中，Apple引入了响应式设计模式。此界面可帮助Web开发人员设计各种屏幕尺寸，方向和分辨率的Web体验。响应性设计有助于开发人员确保其网站和应用支持多个设备和平台。

以下是如何在Safari Web浏览器中启用响应设计模式。

如何在Safari中启用响应式设计模式

要启用Safari响应式设计模式，以及其他Safari开发工具:

1. 去吧Safari菜单并选择首选项．

   按键盘快捷键命令+，(逗号)快速访问首选项。

2. 在里面首选项对话框，选择先进的选项卡。

   

3. 在对话框的底部，选择在菜单栏中显示开发菜单复选框。

   

4. 你现在会看到开发在顶部Safari菜单栏中。

   

5. 选择开发>进入响应式设计模式在Safari工具栏中。

   按键盘快捷键选项+命令+R快速进入响应设计模式。

   

6. 活动网页以响应设计模式显示。在页面顶部，选择IOS设备或屏幕分辨率以查看页面如何呈现。

   

7. 或者，通过使用分辨率图标上方的下拉菜单，了解您的网页如何在各种平台中呈现。

   

Safari开发人员工具

除了响应式设计模式，Safari开发菜单还提供了其他有用的选项。

打开页面

在当前安装在Mac上的任何浏览器中打开活动网页。

用户代理

更改用户代理时，您可以欺骗网站以思考您使用另一个浏览器。

显示网络督察

显示网页的所有资源，包括CSS信息和DOM指标。

显示错误控制台

显示JavaScript、HTML和XML.错误和警告。

显示页面源代码

让你查看活动网页的源代码并搜索页面内容。

显示页面资源

从当前页面显示文档，脚本，CSS和其他资源。

显示代码片段编辑器

允许您编辑和执行代码片段。从测试的角度来看，这个特性是有用的。

显示扩展生成器

帮助你建立Safari扩展通过打包相应的代码并附加元数据。

开始时间记录

让你记录网络请求、JavaScript执行、页面呈现和WebKit检查器中的其他事件。

空的缓存

删除所有存储缓存在Safari中，不仅是标准的网站缓存文件。

禁用缓存

禁用缓存后，每次访问请求都从网站下载资源，而不是使用本地缓存。

允许JavaScript从智能搜索领域

由于安全原因，该特性在默认情况下是禁用的，允许您在Safari地址栏中输入包含JavaScript的url。