如何在 Chrome 开发者工具中禁用 JavaScript？

IT技术 javascript google-chrome google-chrome-devtools
2021-02-03 23:10:53

当用户禁用他们的 JavaScript 时，我试图调试网站的功能。我想知道如何从 Google Chrome DevTools 禁用页面的 JavaScript？

6个回答

点击开发者工具一角的齿轮图标，点击Settings，然后在 下Debugger，勾选Disable Javascript，如下视频所示：

在此处输入图片说明

您能否添加一个屏幕截图，显示开发者工具右下角“齿轮”图标的位置？例如，这里是开发人员工具的屏幕截图，显示没有“齿轮”图标。
2021-03-15 23:10:53
@MattParkins Chrome 开发者工具似乎时不时地崩溃（我猜是“复杂”代码^^）。所以使用亚历克斯的答案 istead stackoverflow.com/a/13405449/759452
2021-03-23 23:10:53
@PaintyJoy，感谢您的提示。出于某种原因，当我刷新时，我的“禁用 Javascript”有问题……“隐身模式”-> F12 > 设置 >“禁用 Javascript”-> 刷新有效！很想知道为什么它不能在常规模式下工作。我还没有找到任何关于这个问题的票。似乎只发生在某些用户身上。
2021-03-25 23:10:53
您现在可以在 de Preferences 菜单的右侧找到“禁用 JavaScript”选项。标题是：“调试器”
2021-03-25 23:10:53
如果仍然不起作用，请考虑 Ctrl+Shift+n，以隐身模式打开新的 Chrome 窗口。
2021-03-27 23:10:53

2020 年 8 月更新

  1. 开发者工具 (F12)
  2. 单击齿轮图标

设置

  1. 应该打开首选项选项卡
  2. 禁用 Javascript 选项位于最右侧

禁用 JS 选项

原答案

  1. 开发者工具 (F12)
  2. 右上角的三个垂直点
  3. 设置
  4. 在左侧的“首选项”选项卡下

首选项部分

  1. 会有一个带有选项的“调试器”部分（可能在最右边）

禁用复选框

也许现在这么多 Web 应用程序需要 JavaScript 变得不那么重要了？这太令人沮丧了，因为我必须不断测试优雅降级，所以我需要不断地来回切换。
2021-03-16 23:10:53
正确，他们让它更难找到，不知道为什么。
2021-04-03 23:10:53

官方文档：使用 Chrome DevTools 禁用 JavaScript

现在 DevTools 中内置了一个命令菜单，可以更轻松地禁用 JavaScript。这大约是在 2016 年 4 月左右。

  1. 打开开发者工具。
  2. 按Command+ Shift+ P(Mac) 或Control+ Shift+ P(Windows、Linux) 打开命令菜单。确保光标的焦点在 DevTools 窗口上，而不是浏览器视口上。
  3. 键入Disable JavaScript（或某个版本的...这是一个模糊搜索），然后按Enter。

Enable JavaScript当您想重新打开它时，请使用该命令。

通过命令菜单禁用js

在尝试之前让 devtools 处于活动状态。
2021-03-19 23:10:53

chrome://settings/content Javascript/管理异常

这个扩展使它更快（我是作者）：Quick Javascript Switcher

它是开源的：https : //github.com/maximelebreton/quick-javascript-switcher

很棒的提示，超级有效 - 快速简单，也可以重新加载页面！即时开启和关闭
2021-03-13 23:10:53
不好的是它会重新加载页面，而我不需要这样做。
2021-03-20 23:10:53
@polkovnikov.ph 似乎已经解决了，现在有一个自动刷新选项。马克西姆，最好在答案中说您是作者。唯一缺少的东西是它的快捷方式或文档：github.com/maximelebreton/quick-javascript-switcher/issues/32
2021-03-23 23:10:53
谢谢@CiroSantilli 新疆棉花T RUMPBANBAD，这个已经解决了。
2021-04-08 23:10:53
其它你可能感兴趣的问题
上一篇什么是 {this.props.children} 以及何时应该使用它？ 下一篇如何将一串数字转换为一组数字？