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

512
我正在尝试调试一个网站的特性,当用户禁用他们的JavaScript时。我想知道如何在Google Chrome的开发者工具中禁用页面的JavaScript?

我正在尝试调试一个网站的特性,当用户禁用他们的JavaScript时。我想知道如何在Google Chrome的开发者工具中禁用页面的JavaScript?


2
命令菜单自2016年4月左右开始出现,可能比依赖于进入DevTools设置的旧工作流程更快:https://dev59.com/KGYr5IYBdhLWcg3wxM-8#40727332 - Kayce Basques
我添加了这个注释,因为它没有回答 OP 的问题,但它回答了一个我正在寻找的相关问题(我找到了这个,但没有找到答案)。如果你想要关闭只有一个特定脚本,例如幻灯片,因为它妨碍了在开发工具中调整 CSS 样式的努力,请按照以下步骤操作:转到 Sources 选项卡。导航文件树以查找脚本(通常您会选择最小化版本)。单击 || 暂停 按钮。现在,您可以返回 Elements 选项卡,在不断更改 HTML 和滚动位置的情况下检查/编辑 CSS。 - SherylHohman
22个回答

671

在开发者工具的角落中点击齿轮图标,然后点击设置,接着在调试器下方勾选禁用Javascript,如下视频所示:

进入图像说明


6
如果仍然无法使用,请考虑按下Ctrl+Shift+n,在隐身模式下打开新的Chrome窗口。 - PaintyJoy
5
@PaintyJoy,感谢你的提示。不知何故,当我刷新时,“禁用 Javascript”在我的“禁用 Javascript”功能上存在问题... “隐身模式”- > F12>设置>“禁用 Javascript”- > 刷新就可以了!但愿知道为什么它在常规模式下无法正常工作。我没有发现任何关于此问题的反馈。似乎只会发生在某些用户身上。 - Phil Tune
2
@MattParkins Chrome开发者工具似乎会时不时地出问题(我猜是因为“复杂”的代码^^)。所以最好使用Alex的答案,链接:https://dev59.com/KGYr5IYBdhLWcg3wxM-8#13405449。 - Adriano
6
请问您能否添加一张截图,显示开发者工具右下角的“齿轮”图标的位置?例如,这里是一张开发者工具的截图,显示没有“齿轮”图标 - Ian Boyd
7
在“偏好设置”菜单的右侧,您现在会找到“禁用JavaScript”的选项。标题是:“调试器”。 - Tomkay
显示剩余9条评论

215

2020年8月更新

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

设置

  1. 应该打开首选项选项卡
  2. 禁用JavaScript选项在最右边

禁用JS选项

原始答案

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

首选项区域

  1. 将会有一个“调试器”部分,其中选项可能在最右边

禁用复选框


10
没错,他们让它变得更难找了,不知道为什么。 - Shadow The Spring Wizard
现在许多Web应用程序都需要JavaScript,所以这可能不那么重要了吧?但这真的很令人沮丧,因为我必须不断地测试优雅降级,所以需要不停地来回切换。 - Sam Holmes

109

官方文档:使用 Chrome 开发者工具禁用 JavaScript

现在,DevTools 内置了一个命令菜单,使禁用 JavaScript 更加容易。该功能已大约存在于 2016 年 4 月左右。

  1. 打开 DevTools
  2. 按下 Command+Shift+P(Mac)或 Control+Shift+P(Windows、Linux)以打开命令菜单。确保光标焦点在 DevTools 窗口上,而不是浏览器视口上。
  3. 输入 Disable JavaScript(或类似的版本... 它是模糊搜索),然后按 Enter

当您想要重新启用时,请使用 Enable JavaScript 命令。

通过命令菜单禁用 js


2
在尝试此操作之前,请确保已激活开发工具。 - rahulroy9202

39

chrome://settings/content JavaScript/管理例外情况


20

很棒的提示,非常快速和简单,还可以重新加载页面!即时开关。 - Timidfriendly
4
不好的事情是它重新加载了页面,而我需要它不这样做。 - polkovnikov.ph
@polkovnikov.ph,看起来问题已经得到解决了,现在有一个自动刷新选项。Maxime,在回答中说明你是作者会很好。唯一缺失的重要事情是快捷方式或文档:https://github.com/maximelebreton/quick-javascript-switcher/issues/32 - Ciro Santilli OurBigBook.com
1
感谢@CiroSantilli新疆棉花TRUMPBANBAD,问题已经解决。 - mlb

12

您也可以使用标志来默认禁用JavaScript运行Chrome:

-disable-javascript

你可以通过以下方式运行Chrome来使用它:

C:\Documents and Settings\%username%\Local Settings\Application Data\Google\Chrome" -disable-javascript

“-disable-javascript” 无法与 Google Chrome 稳定版 51.0.2704.106-1.x86_64 兼容。 - Cristian Ciupitu
2
请尝试使用 --blink-settings=scriptEnabled=false 替代。 - Ilya
源代码:https://cs.chromium.org/chromium/src/out/Debug/gen/third_party/blink/renderer/core/settings_macros.h - Ilya

11

最快的方法可能是这个:

  • 按下F12打开开发者控制台
  • 按下ctrl + shift + p来打开命令工具(Windows)
  • 输入“禁用JavaScript”并按回车键

7
在OSX上,我需要点击三个垂直点,并在设置部分取消选中一个框。也可以使用f1打开设置部分。

6

仅使用键盘如何在Windows 10上操作:

  • F12,显示开发者工具
  • F1,显示设置
  • tab,移动到“禁用JavaScript”复选框
  • space,切换选项
  • esc,隐藏设置

也适用于Ubuntu操作系统。 - Ben Kigera

4
快速方法:

1)只需点击CTRL + SHIFT + P

2)在字段中填写三个字母dis,将出现此框,并选择项禁用Javascript

disable javascript .

就是这样!


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接