在 Google Chrome 开发者工具中禁用 JavaScript

使用 Chrome DevTools 检查网站或 Web 应用在停用 JavaScript 时的运行情况

无需安装浏览器扩展程序，即可使用 Chrome DevTools 检查网站或 Web 应用在停用 JavaScript 时的运行情况。你可以在 DevTools 设置中找到该控件，也可以通过命令菜单搜索它。以下步骤使用英文界面；菜单名称和位置可能因 Chrome 版本而异。两种方法都需要先打开 DevTools。设置面板适合浏览各项偏好设置，命令菜单则可直接搜索该控件。

在 Chrome 设置面板中手动停用 JavaScript

设置面板中有一个用于停用 JavaScript 的复选框。请在要检查网站的标签页中打开 DevTools，然后找到并选中该复选框。接着重新加载页面，让页面在此设置生效的情况下再次运行。然后使用相同的页面和测试步骤，对比启用 JavaScript 时的结果。

在目标标签页中打开开发者工具

打开 Chrome 的三点菜单，然后选择 More tools > Developer tools。你也可以在 Windows 或 Linux 上按 Ctrl+Shift+I，或在 Mac 上按 Command+Option+I。许多键盘也支持使用 F12 快捷键。快捷键的行为取决于操作系统和键盘设置；如果快捷键无法打开 DevTools，请使用三点菜单。在某些紧凑型键盘上，你可能需要按住 Fn 才能发送功能键。

下图显示的是英文界面，菜单项为英文标签。

打开开发者工具设置面板

打开 DevTools 后，选择齿轮图标以打开设置面板。你也可以在 DevTools 获得焦点时按 F1。如果 F1 打开了 Chrome 帮助，请先点击 DevTools 内部，再试一次。若系统以不同方式处理该快捷键，也可以通过齿轮图标打开设置面板。

下图显示的是英文界面中的 DevTools 设置齿轮图标。

选中 Disable JavaScript 复选框以停用 JavaScript

在设置中选择 Preferences 标签页。向下滚动到 Debugger 区域，然后选中 Disable JavaScript。如果你的 Chrome 版本使用的英文标签或其位置有所不同，请使用设置搜索框搜索“JavaScript”。返回页面前，请确认复选框已选中，然后重新加载页面以比较运行情况。完成后，在继续进行其他测试前取消选中 Disable JavaScript，以便恢复 JavaScript。比较时请保持页面和测试步骤一致，并记录观察到的差异。这样更容易识别页面在不运行 JavaScript 时发生的变化。

下图展示的是英文界面中的 Preferences、Debugger 和 Disable JavaScript 标签。

通过 Chrome 命令菜单停用 JavaScript

命令菜单提供了一种可搜索的方式来找到停用控件。打开 DevTools 后，在 Windows 或 Linux 上按 Ctrl+Shift+P，或在 Mac 上按 Command+Shift+P。在菜单中输入 JavaScript，然后从结果中选择 Disable JavaScript。返回页面并重新加载，以检查运行情况。

下图显示的是英文命令菜单中的停用 JavaScript 操作。

如果没有显示该命令，请先确认 DevTools 已打开，并且命令菜单处于焦点状态。再次搜索 JavaScript，或使用设置面板中的方法直接找到复选框。这两种方法都能找到 DevTools 控件。菜单名称、位置和快捷键行为可能因 Chrome 版本和平台而异，请按照你所用版本中显示的界面操作。要进行有效比较，请记录停用 JavaScript 前后的页面状态，并保持其他测试条件不变。