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

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

点击开发人员工具角落的齿轮图标，点击设置，然后在调试器下，勾选禁用Javascript，如下面的视频所示:

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

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

2020年8月更新

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

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

原来的答案

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

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

官方文档:禁用JavaScript与Chrome DevTools

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

DevTools开放。 按Command+Shift+P (Mac)或Control+Shift+P (Windows, Linux)打开命令菜单。确保你的光标聚焦在DevTools窗口上，而不是浏览器的视窗上。 输入Disable JavaScript(或者类似的版本…)这是一个模糊的搜索)，然后按Enter。

当您希望重新启用JavaScript时，请使用Enable JavaScript命令。

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

第一种方法

如果开发人员工具未打开，则按键盘上的F12键显示开发人员工具。在Opera浏览器中，你必须使用键盘上的Ctrl + Shift + i组合键来打开它。 要显示设置，只需按下键盘上的F1键。在进行此操作时，必须集中注意开发人员工具窗口。或者，如果你想用鼠标打开设置，那么你必须点击“开发人员工具”右上角的“设置”按钮，然后单击菜单中的“设置”。

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

只需单击此复选框，并按下键盘esc键隐藏设置。如果你想启用它，那么你必须再次以同样的方式进行。

第二种方法

If Developer Tools aren't open then open it like in the first way is described. Press the key combination Ctrl + Shift + P (for Windows or Linux) or Cmd (⌘) + Shift + P (for Mac) to open the Command Menu. Be sure that the focus is on the DevTools window. Type there "Disable JavaScript" and then press Enter or click it with the mouse. If you want to turn back the enanled JS then open the Command Menu again and type there "Enable JavaScript" and then press Enter or click it with the mouse. You could also write just only "JavaScript" or "Java" there and then choose it with the mouse.

如果这一切都不起作用

出于某种原因，它可能不起作用。在这种情况下，我在“隐身模式”中打开一个新的空网站，并在那里做所有这些。

最快的方法

在Chrome Web Store或Opera Addon站点上，你可以找到并安装每点击一次的扩展。只需搜索“Javascript切换器”:

Chrome浏览器 针对Opera浏览器