讲师中心 微信公众号
AI工具推荐 视频效率加速

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

阿强大大_4641

阿强大大_4641

发布时间:2026-03-29 08:56:43

|

983人浏览过

|

来源于php中文网

原创

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 文件用于离线分析。

热门AI工具

更多
豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

相关专题

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

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

2135

2023.08.07

json是什么
json是什么

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

3282

2023.08.23

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

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

1096

2023.10.13

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

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

3739

2025.09.10

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

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

320

2023.12.20

php中foreach用法
php中foreach用法

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

778

2025.12.04

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

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

856

2023.08.08

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

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

6263

2024.05.29

OpenJDK JVM参数怎么调优
OpenJDK JVM参数怎么调优

Java应用运行缓慢,如何调整JVM参数?本专题介绍OpenJDK JVM性能调优的基本流程,涵盖性能指标确认、运行数据采集、内存配置和垃圾回收分析,帮助你先定位瓶颈,再通过对照测试验证效果,避免直接套用参数而影响应用稳定性。

80

2026.10.16

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn