按 F12 没有任何反应,浏览器也没提示。换了台机器同样,同事那边却正常,最后发现是公司下发的策略把开发者工具关掉了。
三种打开方式
F12 最快,笔记本上要配 Fn 一起按,否则触发的是音量或者亮度。Ctrl+Shift+I 通用,右键菜单里的检查最稳。实在不行点右上角三个点,进更多工具里找开发人员工具。
被组织禁用怎么确认
地址栏输入 edge://policy,搜 DeveloperToolsAvailability,值是 2 就说明策略禁止使用。这个开关由管理员下发,普通账号改不了,改注册表也会被策略覆盖回去。工作机器上别硬碰,找 IT 说明用途走申请。
- 个人电脑出现同样提示,先看有没有装过企业管控类软件。
- 某些安全软件也会注入策略,临时退出它验证一下。
- 面板打开是空白,重置设置或者换一个用户配置试试。
面板里的常用几块
元素面板看结构和样式来源,被划掉的规则说明被更高优先级覆盖了。网络面板按类型筛接口请求,慢不慢一眼能看出来,右键还能复制成命令行工具能用的格式。应用面板里存着 Cookie 和本地存储,登录态出问题先来这里清。
源码面板能打断点,也可以在代码里写一句 debugger 临时停住。改完样式想保留,得把本地目录映射进去,否则刷新就丢。
移动端模拟在同一个面板
打开工具后按 Ctrl+Shift+M 进入设备模拟,左上角能选机型、改分辨率、限速网络。调响应式布局比缩小窗口靠谱,因为媒体查询按视口宽度生效,缩放窗口不会触发。再按一次退出。
还有个坑:面板宽度不够时,设备工具栏会折成两行,看起来像按钮消失,把窗口拖宽就回来了。
打不开时按这个顺序试:先看按键有没有被输入法或者录屏软件截走,再试右键菜单,最后才怀疑策略。