如何以编程方式禁用 chrome 开发人员工具中的 javascript？

Posted 2023-02-22

【中文标题】如何以编程方式禁用 chrome 开发人员工具中的 javascript？

【英文标题】：How to disable javascript in chrome developer tools programmatically?

【发布时间】：2015-12-04 16:34:38

【问题描述】：

The other related question 仅说明如何通过 Chrome 提供的 GUI 打开/关闭 javascript。但是，我想从 chrome 控制台中以编程方式切换 JavaScript，或者通过单次击键（例如点击 F12）来切换。

我想要这个能力的原因是因为我正在开发一个 Web 应用程序，它有一个我想要修改的下拉菜单；我不确定这个下拉菜单在代码库中的哪个位置，所以我想暂停执行并检查它。每当我单击任何开发人员工具选项以暂停执行时，它都会关闭下拉菜单。

一个潜在的解决方案是简单地在下拉菜单所在的代码中放置一个调试器，但这是一个先有鸡还是先有蛋的问题，因为暂停执行的重点是在代码库中找到这个下拉菜单的位置是。

【问题讨论】：

在等待具体答案时，您可以随时使用Quick JavaScript Switcher extension。

如果开发人员工具处于焦点位置，F8 将暂停 JavaScript 执行。

【参考方案1】：

您可以编写一个简单的 Chrome 扩展程序来做您想做的事。 Chrome 提供了一个 JavaScript API，您可以使用 contentSettings 允许或阻止 JavaScript，您需要设置或取消设置的属性是 JavascriptContentSetting。

https://developer.chrome.com/extensions/contentSettings

https://developer.chrome.com/extensions/contentSettings#type-JavascriptContentSetting

要添加键盘快捷键，请按照此处所述将其添加到清单中：

https://developer.chrome.com/extensions/commands

以防万一您之前没有构建过扩展（不用担心，这很容易），这里是您的第一个扩展：

https://developer.chrome.com/extensions/getstarted

希望这会有所帮助。

【参考方案2】：

在开发者工具中，您可以右键单击检查器选项卡中的节点并使用“强制元素状态”子菜单来模拟鼠标悬停。

您还应该以 file:line 的形式获得大量事件侦听器，您可以从这些事件侦听器向后查找相关代码。

另外++，可以在JS中模拟事件How to simulate a mouse click using JavaScript?