谷歌浏览器开发者工具里如何禁用网页的JavaScript脚本执行？

必须在当前页面临时禁用JavaScript以快速验证结构渲染或排查JS异常，推荐用命令菜单（Ctrl+Shift+P/Cmd+Shift+P）输入disable javascript一键执行，5秒完成且关闭标签页即恢复。

当你需要快速验证网页在无脚本环境下的结构渲染、排查JS引起的白屏或跳转异常，又不想影响其他标签页时，必须在当前页面临时禁用JavaScript——这一步不改任何全局设置，关闭标签页即自动恢复。

用命令菜单一键禁用（推荐）

这一步最快，5秒内完成，且兼容所有新版Chrome（含2026年6月最新稳定版）。

1、打开目标网页，按 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（macOS）调出命令菜单。

2、确保光标聚焦在开发者工具窗口内（不是网页本身），输入 disable javascript，回车确认。

3、页面立即停止执行所有脚本，源代码面板顶部会出现黄色三角警告图标，提示“JavaScript is disabled”。

4、刷新页面即可观察纯HTML/CSS渲染效果；如需恢复，同样用命令菜单输入 enable javascript 回车即可。

通过设置面板手动勾选

适合习惯图形化操作的用户，但路径较深，容易点错位置。

方法一：Debugger 设置入口

1、按 F12 或 Ctrl+Shift+I 打开开发者工具。

2、点击右上角三个点 → Settings → Preferences → Debugger。

3、向下滚动到“Debugger”区域，勾选 Disable JavaScript。

方法二：Rendering 面板入口（部分版本已移除）

1、打开开发者工具后，点击右上角三个点 → More tools → Rendering。

2、在 Rendering 面板中找到 Disable JavaScript 复选框并勾选。

【注意】该选项在 Chrome 125+ 版本中已被移至命令菜单，若找不到请直接使用第一种方法。

临时禁用后验证是否生效

禁用成功后，页面交互功能会立刻失效：按钮点击无响应、轮播图停止、表单验证不触发、AJAX请求被拦截。控制台不会报错，但 Network 标签页中所有 .js 文件状态显示为 (blocked)。

刷新页面后，若看到原本动态加载的内容消失、DOM结构退回初始状态，说明禁用已生效。