作者:
Louise Ward
创建日期:
8 二月 2021
更新日期:
15 可能 2024
内容
在Apple的网络浏览器中访问开发人员工具
对于Web开发人员来说，确保网站和Web应用程序支持一系列设备和平台是一项至关重要的任务。 Apple的Safari网络浏览器包括响应式设计模式，该模式可让您预览网站在各种屏幕分辨率下以及在不同的iPad，iPhone和iPod touch上的呈现方式。
本文中的说明适用于适用于macOS的Safari 13。 Windows版本没有响应式设计模式。
如何在Safari中启用响应式设计模式
要启用Safari的开发人员工具和自适应设计模式：
-
选择 苹果浏览器 > 优先 在Safari工具栏中。
您也可以使用键盘快捷键 命令+逗号（，） 访问首选项菜单。
-
在偏好设置菜单中，选择 高级 标签并选中旁边的框 在菜单栏中显示“开发”菜单。现在，屏幕顶部的Safari工具栏中将提供一个新选项。
-
选择 发展 > 进入响应式设计模式 在Safari工具栏中。
您也可以使用键盘快捷键 选项+命令+[R 进入响应设计模式。
-
现在，活动的网页应在“响应式设计”模式下显示。在页面顶部，选择iOS设备或屏幕分辨率，以查看页面的呈现方式。
您也可以使用分辨率图标正上方的下拉菜单，指示Safari模拟不同的用户代理。
Safari开发人员工具
除了响应式设计模式外，Safari的“开发”菜单还提供了许多其他有用的选项，包括：
- 打开页面：在Mac上当前安装的任何其他浏览器中打开活动的网页。
- 用户代理：更改用户代理会导致Web服务器将您的浏览器标识为Safari以外的其他名称。
- 连接Web检查器：显示网页的所有资源，包括CSS信息和DOM指标。
- 显示错误控制台：显示JavaScript，HTML和XML错误和警告。
- 显示页面来源：查看和搜索活动网页的源代码。
- 显示页面资源：从当前页面显示文档，脚本，CSS和其他资源。
- 显示片段编辑器：编辑并执行代码片段。从测试角度来看，此功能非常有用。
- 显示扩展构建器：通过相应地打包代码并附加元数据来构建自己的Safari扩展。
- 开始时间表记录：在WebKit Inspector中记录网络请求，JavaScript执行，页面渲染和其他事件。
- 空缓存：删除Safari中所有已存储的缓存，而不仅仅是标准网站缓存文件。
- 禁用缓存：禁用缓存后，每次发出访问请求时都会从网站下载资源，而不是利用本地缓存。
- 允许来自智能搜索字段的JavaScript：出于安全原因，默认情况下处于禁用状态，此功能可让您在Safari的地址栏中输入包含JavaScript的URL。
- 将SHA-1证书视为不安全：SHA-1哈希函数是“安全哈希算法”的缩写，已被证明比最初认为的安全性低，因此在Safari中增加了此选项。
