我试图调试一个网站的功能,当用户禁用他们的JavaScript。我想知道如何从谷歌Chrome DevTools禁用JavaScript页面?


当前回答

进入选项(窗口:右上方三个垂直点)->设置,或点击F1。 在General部分,你会发现“禁用JavaScript”

齿轮图标不再是开发工具的一部分。自从Chome 30.0以来,甚至不可能把它带回来(在谷歌Chrome开发工具中,工具栏图标消失了。到底发生了什么事?)

其他回答

这个扩展使它更快(我是作者):快速Javascript切换器

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

2020年8月更新

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

应该打开偏好选项卡吗 禁用Javascript选项在最右边

原来的答案

开发人员工具(F12) 右上角有三个垂直的点 设置 在左边的“偏好”标签下

会有一个“调试器”部分,其中有这个选项(可能在最右边)

在OSX上,我必须点击三个垂直点,并取消设置部分的复选框。哪个也可以用f1打开

至少在Windows 10上只使用键盘:

F12显示开发人员工具 F1,显示设置 选项卡,移动到“禁用Javascript”复选框 空格,切换该选项 esc,隐藏设置

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

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