Safari浏览器如何开启开发者工具的资源抓包_Safari浏览器网络分析

阿强大大_4641

阿强大大_4641

2026-03-29

983人浏览

原创

safari中查看网络请求需先启用“开发”菜单:设置→高级→勾选“显示‘开发’菜单”;再打开网页检查器→切换至“网络”标签页刷新页面;ios远程调试需在设备端开启web检查器并信任电脑;https解密需配合代理工具安装根证书;控制台可执行脚本导出json日志。

safari浏览器如何开启开发者工具的资源抓包_safari浏览器网络分析

如果您在 Safari 浏览器中无法查看网页的网络请求详情,可能是“开发”菜单未启用或开发者工具未正确配置。以下是开启 Safari 开发者工具并启用资源抓包功能的具体步骤:

一、启用 Safari 的“开发”菜单

“开发”菜单是 Safari 提供的一组内置调试工具入口,必须手动开启才能访问网络检查器等核心功能。该菜单默认隐藏,需通过设置显式激活。

1、点击顶部菜单栏中的Safari 浏览器,选择设置(或“偏好设置”)。

2、在设置窗口中,点击高级标签页。

3、勾选在菜单栏中显示‘开发’菜单选项。

二、打开并使用网络检查器

启用“开发”菜单后,即可调出网络检查器,实时捕获当前页面的所有 HTTP/HTTPS 请求,包括请求头、响应体、状态码及加载时间等关键信息。

1、在 Safari 中打开任意网页(如 https://example.com)。

2、点击顶部菜单栏的开发,选择显示网页检查器(或按快捷键 Option + Command + I)。

3、在检查器窗口顶部标签栏中,点击网络(Network)选项卡。

4、刷新当前页面,所有资源请求将实时显示在列表中;点击任一请求可查看详细信息,包括请求URL、请求方法、状态码、响应头、响应体。

三、启用远程自动化与设备调试支持

若需对 iOS 设备上 Safari 浏览的网页进行远程抓包分析,必须启用 Web 检查器的远程调试权限,使 Mac 上的 Safari 能识别并连接已连接的 iPhone 或 iPad。

1、确保 iPhone/iPad 已通过数据线连接 Mac,并已在设备上信任此电脑。

page-agent 浏览器控制(CDP)
page-agent 浏览器控制(CDP)

使用 page-agent CLI(CDP)控制浏览器;CLI只能通过 GitHub Release 的 .tgz 安装,npm 官方包暂未发布。

下载

2、在 iOS 设备上进入设置 → Safari → 高级,开启Web 检查器。

3、在 Mac 的 Safari 中,点击开发菜单,确认设备名称已出现在菜单底部;若出现,点击设备名下的网页标题即可开始远程调试。

四、启用 HTTPS 请求解密(可选进阶配置)

Safari 网络检查器默认可捕获 HTTPS 请求的基本元数据,但无法直接查看加密的响应体内容。若需完整解密 HTTPS 响应体,需配合本地代理工具(如 Proxyman 或 Charles)并安装对应根证书。

1、在 Mac 上运行支持 TLS 解密的代理工具,并确认其监听端口(如 8888)处于活动状态。

2、在 Safari 设置的高级页中,确认已勾选在菜单栏中显示‘开发’菜单。

3、访问代理工具提供的证书下载地址(例如 http://localhost:8888/fiddlerroot.cer),下载并安装根证书。

4、在 macOS 系统设置的隐私与安全性 → 安全性中,找到刚安装的证书,点击完全信任并输入密码确认。

五、使用控制台命令触发网络日志导出

对于需要长期监控或批量分析的场景,可通过 Safari 控制台执行脚本,将网络请求数据以结构化格式导出为 JSON,便于后续处理。

1、在 Safari 中打开网页检查器,切换至控制台(Console)标签页。

2、粘贴并执行以下代码:
window.performance.getEntriesByType('resource').forEach(r => console.log(JSON.stringify({name:r.name,initiatorType:r.initiatorType,duration:r.duration})));

3、按Enter执行后,所有已加载资源的名称、发起类型和耗时将输出至控制台。

4、右键控制台空白处,选择将日志另存为…,保存为 .txt 文件用于离线分析。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2023.08.07

2135

5

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.23

3262

1

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

2023.10.13

1096

3

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2025.09.10

3739

7

resource是什么文件
resource是什么文件

Resource文件是一种特殊类型的文件,它通常用于存储应用程序或操作系统中的各种资源信息。它们在应用程序开发中起着关键作用,并在跨平台开发和国际化方面提供支持。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.12.20

320

3

php中foreach用法
php中foreach用法

本专题整合了php中foreach用法的相关介绍,阅读专题下面的文章了解更多详细教程。

2025.12.04

778

13

console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

2023.08.08

856

5

console.log是什么
console.log是什么

console.log 是 javascript 函数,用于在浏览器控制台中输出信息,便于调试和故障排除。想了解更多console.log的相关内容,可以阅读本专题下面的文章。

2024.05.29

6263

7

macOS怎么切换用户账户
macOS怎么切换用户账户

在 macOS 系统中,可通过多种方式切换用户账户。如点击苹果图标选择 “系统偏好设置”,打开 “用户与群组” 进行切换;或启用快速用户切换功能,通过菜单栏或控制中心的账户名称切换;还能使用快捷键 “Control+Command+Q” 锁定屏幕后切换。

2025.05.09

4664

14

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程