devtools 快捷键开启 Debugger 失效问题

前端有很多情况需要调试一些元素的 hover 效果,或者 active、popover 等一些会马上消失的状态的场景,但是可能那个状态需要你一直 hover 的时候才会存在,所以需要想办法在 hover 的时候,将页面 freeze 住,再去审查元素,调整样式

如下图 ,这样一个场景,需要调试一下 google 的搜索输入框 active 的阴影效果

按照平时的逻辑 ,我会选择 cmd + \ 去起一个 debuger,然后去审查元素调试,但是今天快捷键无效

究其原因是 devtools 面板上的 sources 开着文件,把所有 sourses 下的 tab 全部关掉就可以重新使用快捷键起一个 debuger 了

---

感谢阅读,勘误、纠错或其他请联系progerchai@gmail.com,或者点击这里提 issue 给我
欢迎交流 👏,你的每一次指导都可以让我进步