Chrome开发者工具Cookie标签页过小无法调整大小如何解决
以下方法按操作成本从低到高排序,可依次尝试:
- 一键重置DevTools布局
打开开发者工具后按F1进入设置页,滚动到页面最底部点击Restore defaults and reload,所有面板的自定义尺寸、停靠设置都会恢复为默认状态,绝大多数布局异常问题这一步就能直接修复。 - 临时绕开面板查看Cookie拦截详情
急着定位Cookie被拦截原因的话不用先修面板,直接切到Network标签,找到对应触发Cookie拦截的网络请求,点开请求详情后切换到内部的Cookies子标签,这里可以完整查看所有请求/响应Cookie属性、拦截原因标注,显示完全不受Cookie面板布局异常影响。 - 强制修改面板宽度(重置无效时使用)
- 点击DevTools右上角的三点菜单,在停靠位置选项里选择「独立窗口模式」,把DevTools从浏览器侧边/底部弹成单独的窗口
- 保持这个DevTools窗口在前台,再按一次
F12,会弹出第二个开发者工具窗口——这个窗口是用来调试第一个DevTools本身的 - 在第二个调试窗口的元素面板按
Ctrl+F搜索.split-view类名,找到控制Cookie页分栏宽度的DOM元素,直接在右侧样式面板把它的width属性改成你需要的数值(比如700px),修改实时生效,切回第一个DevTools的Cookie页就能正常查看内容。
小提示:如果重置后反复出现这个问题,基本是当前Chrome版本的布局渲染bug,升级到最新稳定版即可避免复现。
内容的提问来源于stack exchange,提问作者PGT
相关产品推荐
相关产品推荐

