如何重新打开浏览器开发者工具中误关的Network>headers窗口?
DevTools Network面板Headers窗口误关恢复方案
按顺序试以下操作即可:
- 右键点击Network面板顶部的资源筛选栏(就是标注Fetch/XHR、JS、CSS、图片的那排功能栏),在弹出菜单里选择「Restore defaults(恢复默认布局)」,所有错位、被关闭的子面板会直接回归初始位置,Headers窗口会默认显示在请求详情区的第一个标签位。操作前记得先随便点一个列表里的网络请求,不然详情区本来就不会加载内容。
- 如果单面板重置无效,直接还原整个DevTools配置:打开DevTools后按
F1进入设置页,拉到最底部点击「Restore defaults and reload」,DevTools会自动重载恢复所有出厂设置,所有内置面板都会回到默认显示状态。 - 要是之前把请求详情区整个拖到边缘隐藏了:选中任意网络请求后,把鼠标移到DevTools面板的最右侧/最下侧边沿,等光标变成双向拖拽箭头时往面板内侧拖动,就能把藏起来的详情区拉出来,之后点详情区顶部的Headers标签就能看到对应内容。
- 快捷键快速唤起:选中任意网络请求后,按
Ctrl+Shift+H(Mac端为Cmd+Shift+H)可直接打开Headers详情面板,不需要手动找标签入口。
内容的提问来源于stack exchange,提问作者Juan J
相关产品推荐
相关产品推荐

