chrome跳转新页面自动打开devtools调试工具的方法
在Chrome开发者工具设置中勾选“自动弹出”并“保留日志”,可解决页面跳转后调试断点及日志丢失问题,确保首次打开新页面时自动拉出开发者工具并捕获所有网络初始化请求及响应,便于快速定位问题。
在做前端调试时,你可能遇到过这种场景:A 页面有个按钮,点击后跳转到 B 页面。可当你打开 DevTools 想看看 B 页面初始化发了哪些请求时,却发现——啥也没有。有人说,刷新一下不就行了?确实,大多数情况下刷新能解决,但有些页面为了安全,URL 不支持重放刷新,一刷就失效。这时候,你只能在首次打开 B 页面时自动拉出 DevTools,才能抓住那些关键请求。
解决方法
其实 Chrome 早就内置了一个小开关,专门应对这种“跳转后丢失调试”的问题。操作很简单,几步就能搞定。
1. 先打开 DevTools
右键点击页面任意位置,选择“检查”,或者直接按 F12 快捷键,调出开发者工具面板。
2. 找到设置齿轮
在 DevTools 面板右上角,有个小齿轮图标,点击它进入设置页面。

3. 勾选关键选项
在设置面板里,找到下图所示的选项,勾选它。这个选项的作用就是让 DevTools 在新页面打开时自动弹出。

4. 别忘了保留日志
设置完成后,关闭设置面板。然后在 DevTools 左上角,勾选“保留日志”(Preserve log)选项。这样即使页面跳转,之前的请求日志也不会被清除。

5. 测试一下效果
回到 A 页面,先确保 DevTools 已经打开。然后点击那个跳转按钮,你会发现 B 页面自动弹出了调试面板,所有初始化请求一览无余。

这样一来,再也不用担心跳转后抓不到请求了。这个小技巧,关键时刻能省不少事。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
一款文字处理软件,一种订阅式的跨平台办公软件,基于云平台提供多种服务,通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合,Office 365 可让任何人使用任何设备随时随地创建和共享内容。
CodeExpander 是一款快捷短语输入增强工具,通过键入缩写自动展开为自定义文段,提升工作效率。任务管理和过程控制会更完整,持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具,像本地磁盘一样使用网盘。清理链路的完整性会更好一些,做应用卸载、残留处理和空间整理时,通常能少走很多手动排查步骤。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
一款文字处理软件,一种订阅式的跨平台办公软件,基于云平台提供多种服务,通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合,Office 365 可让任何人使用任何设备随时随地创建和共享内容。
Wise Folder Hider Pro 是一款专业级文件和文件夹隐藏加密软件,为私密数据添加多重保护。高频操作更强调就近处理,浏览、整理和跨目录移动文件时,来回切换和重复点击都会少很多。
CodeExpander 是一款快捷短语输入增强工具,通过键入缩写自动展开为自定义文段,提升工作效率。任务管理和过程控制会更完整,持续下载、批量同步或需要稳定传输流程的场景会更适合它。


























