ChatGPT解决这个技术问题 Extra ChatGPT

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

当用户禁用他们的 JavaScript 时,我正在尝试调试网站的功能。我想知道如何从 Google Chrome DevTools 禁用页面的 JavaScript?

命令菜单自 2016 年 4 月左右开始出现,可能比依赖进入 DevTools 设置的旧工作流更快:stackoverflow.com/a/40727332/1669860
我将此添加为评论,因为它不回答 OP 问题,但它回答了我正在寻找的相关问题(我找到了这个,但不是我的问题的答案)。如果您只想关闭特定脚本,例如幻灯片,因为它会妨碍在开发工具中调整 CSS 样式,请执行以下操作:转到 Sources 选项卡。导航文件树以找到脚本(通常您要选择最小化版本)。单击 || pause 按钮。现在您可以返回到 Elements 选项卡来检查/编辑 CSS,而无需不断更改 HTML(和滚动位置)。

S
SherylHohman

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

https://i.stack.imgur.com/9S7eq.gif


如果仍然无法正常工作,请考虑 Ctrl+Shift+n,以隐身模式打开新的 Chrome 窗口。
@PaintyJoy,感谢您的提示。出于某种原因,当我刷新时,我的“禁用 Javascript”出现错误...“隐身模式”-> F12 > 设置 > “禁用 Javascript”-> 刷新有效!很想知道为什么它不能在常规模式下工作。我还没有找到这个问题的任何票。似乎只发生在某些用户身上。
@MattParkins Chrome 开发者工具似乎时不时地中断(我猜是“复杂”代码^^)。所以使用 Alex 的答案而不是 stackoverflow.com/a/13405449/759452
您能否在开发者工具的右下角添加一个显示“齿轮” 图标位置的屏幕截图?例如,here is a screenshot of the Developer Tools that shows there is no "gear" icon
您现在将在 de Preferences 菜单的右侧找到“禁用 JavaScript”选项。标题是:“调试器”
S
Scott Decker

2020 年 8 月更新

开发人员工具 (F12) 单击齿轮图标

https://i.stack.imgur.com/tb2Wp.png

应该打开 Preference 选项卡 Disable Javascript 选项在最右边

https://i.stack.imgur.com/913Ab.png

原始答案

开发者工具 (F12) 右上角的三个竖点 Settings 左侧“Preferences”选项卡下

https://i.stack.imgur.com/hvOvj.jpg

将有一个带有选项的“调试器”部分(可能在最右边)

https://i.stack.imgur.com/L8isH.jpg


是的,他们让它更难找到,不知道为什么。
也许现在这么多网络应用程序需要 JavaScript 已经不那么重要了?这太令人沮丧了,因为我必须不断测试优雅降级,所以我需要不断地来回切换。
K
Kayce Basques

官方文档:Disable JavaScript With Chrome DevTools

现在 DevTools 中内置了一个命令菜单,可以更轻松地禁用 JavaScript。这已经在 2016 年 4 月左右出现。

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

如果您想重新打开它,请使用 Enable JavaScript 命令。

https://i.stack.imgur.com/AMGrD.png


在尝试此操作之前,请激活 devtools。
B
Babadzhanov

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


m
mlb

这个扩展使它更快(我是作者):Quick Javascript Switcher

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


很棒的提示,效果超级好——快速简单,还可以重新加载页面!即时开启和关闭
不好的是它会重新加载页面,而我不需要它这样做。
@polkovnikov.ph 它似乎已得到解决,现在有一个自动刷新选项。马克西姆,最好在答案中说您是作者。唯一缺少的就是它的快捷方式或文档:github.com/maximelebreton/quick-javascript-switcher/issues/32
感谢@CiroSantilli 新疆棉花TRUMPBANBAD,这个已经修复了。
j
jaredwilli

您还可以使用以下标志在默认禁用 JavaScript 的情况下运行 Chrome:

-disable-javascript

例如,您可以通过像这样运行 Chrome 来使用它:

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

-disable-javascript 不适用于 google-chrome-stable-51.0.2704.106-1.x86_64。
请改用 --blink-settings=scriptEnabled=false
r
remborg

最快的方法可能是这个:

F12 打开开发控制台

ctrl + shift + p 打开命令工具(windows)

输入“禁用 javascript”并回车


D
DigitalDesignDj

在 OSX 上,我必须单击三个垂直点,然后取消选中设置部分中的一个框。也可以用 f1 打开


b
bishop

至少在 Windows 10 中仅使用键盘:

F12,显示开发者工具

F1,显示设置

选项卡,移动到“禁用 Javascript”复选框

空格,切换选项

esc,隐藏设置


N
Niels Bom

在 Mac OS X 上:

喜好

显示高级设置

按“内容设置”按钮

滚动到“JavaScript”部分

勾选“不允许任何站点运行 JavaScript”前面的复选框

Chrome Quick JavaScript Switcher extension 不过要容易得多:-)


C
Community

转到选项(Windows:右上角的三个垂直点)-> 设置,或按 F1。

在“常规”部分中,您会找到“禁用 JavaScript”

齿轮图标不再是开发者工具的一部分。自 Chome 30.0 起,甚至无法将其带回 (In Google Chrome Developer Tools, the toolbar icons disappeared. What gives?)


A
Anu Shibin Joseph Raj

暂时阻止域上的 JavaScript:

单击地址栏上地址左侧的按钮(显示查看站点信息)在 JavaScript 旁边的下拉列表中,选择始终在此站点上阻止重新加载页面


S
Sarang

点击开发者工具一角的⋮菜单,点击设置

点击底部的高级

点击内容设置

点击 JavaScript

关掉


m
marcdahan

快速方法:

1)只需点击 CTRL + SHIFT + P

2) 用 3 个字母 dis 填写该字段,然后会出现此框并选择项目 Disable Javascript

https://i.stack.imgur.com/vGr2r.png

就是这样!


B
Bharata

Chrome 浏览器的完整和快速说明(包括 Opera)

第一种方式

如果开发人员工具未打开,请按键盘上的 F12 键以显示开发人员工具。在 Opera 浏览器中,您必须使用键盘上的组合键 Ctrl + Shift + i 才能打开它。要显示设置,只需按键盘上的 F1 键。执行此操作时,必须将“开发人员工具”窗口聚焦。或者如果你想用鼠标打开设置,那么你必须点击开发者工具右上角的⋮按钮,然后点击菜单中的设置。

然后您必须将设置窗口向下滚动到底部,然后您将看到禁用 JavaScript 的复选框,如下所示:

https://i.stack.imgur.com/BKEgJ.png

只需单击此复选框并按键盘上的 esc 键即可隐藏设置。如果要启用它,则必须再次执行相同的操作。

第二种方式

如果开发人员工具未打开,则按照描述的第一种方式打开它。按组合键 Ctrl + Shift + P(适用于 Windows 或 Linux)或 Cmd (⌘) + Shift + P(适用于 Mac)打开命令菜单。确保焦点位于 DevTools 窗口上。在此处键入“禁用 JavaScript”,然后按 Enter 或用鼠标单击它。如果您想返回启用的 JS,请再次打开命令菜单并在此处键入“启用 JavaScript”,然后按 Enter 或用鼠标单击它。你也可以只写“JavaScript”或“Java”,然后用鼠标选择它。

https://i.stack.imgur.com/xEmlF.png

如果这一切都不起作用

由于某种原因,它可能不起作用。我在这种情况下以“隐身模式”打开一个新的空站点并在那里执行所有这些操作。

最快的方法

在 Chrome Web Store 或 Opera Addon 网站上,您可以找到并安装扩展程序,只需单击一下即可。只需搜索 "Javascript Switcher"

对于 Chrome 浏览器

对于 Opera 浏览器


D
Dan D.

按 F8 暂时冻结/解冻 JS(打开 DevTools)。

如果您单击或按下该元素之外的任何内容,这对于调试可能失去焦点的元素的 UI 问题非常有用。 (铬 71.0.3578.98,Ubuntu 18.10)


a
aletede91

粘贴:chrome://settings/content

转到“Javascript”部分并禁用它。


你能提供更多细节吗?用户必须进入 JavaScript 部分并选择“阻止”。
C
Chirag Dave
Chrome://chrome/settings/Privacy/Content settings/JavaScript

您可以在 Manage exceptions.. 中粘贴您网站的 URL,并将 JavaScript 优先级从允许更改为阻止。


S
Sheo Sagar

这是 windows 的最新设置

Settings > Advanced > Privacy and security > Site Settings > Javascript > Blocked then get switch on and off

d
defend orca

好问题,我尝试了很多方法,但它是咖喱和无聊,直到我找到捷径。

alt + cmd + i,这个打开的开发工具,除非你使用pocket,否则需要设置其他快捷方式。 shift + cmd + p,然后输入:javascript

只有两条捷径,但我认为 safari 更方便。


P
PauAI

chrome里面有个设置

从chrome打开菜单,点击设置>在搜索栏中输入“javascript”>点击站点设置>点击javascript。

从这里您可以使用其 url 专门将 javascript 切换到站点。或者只需单击大按钮以允许/阻止所有站点。

https://i.stack.imgur.com/5V7ql.png