无法在 Chrome 开发工具中编辑 JavaScript

Unable to edit javascript in Chrome dev tools

本文关键字：编辑 JavaScript 开发工具 Chrome      更新时间：2023-09-26

我正在尝试编辑页面html中的一些javascript代码（不是导入的js文件）。 我可以设置断点并逐步执行它们，但我无法在执行期间或执行之前/之后编辑 javascript。我美化了（{}）和取消美化了文件。 本节中不缩小代码段。

  1. 我可以这样做吗？
  2. 代码位于附加事件中是否重要。 即点击等。
  3. 我显然正在使用jquery。

我可以发誓这曾经是一个常见的功能。 但是自从我做了很多javascript以来已经一年多了。

使用铬/铬有几种方法可以修改现有document的html。在开发工具

  • 选择Elements选项卡，右键单击要修改的元素，选择Edit as HTML，在包含元素的框架中进行修改，然后在编辑器框架外单击

  • 选择Sources选项卡，选择Snippets选项卡，右键单击并选择New，写入javascript，以在现有window中执行，按右侧面板▶以在现有window Snippets中间面板中运行javascript。例如，如果$("body").on("click", function() {alert(123)})添加为Snippet单击body元素应调用alert(123)。检查元素时，还应在开发工具右侧面板的Event Listeners中列出该事件。删除侦听器可能更具挑战性;即使您将鼠标悬停在右侧面板的侦听器上时单击remove，因为事件已附加到元素。最简单的方法是向事件$("body").on("click.abcnamespace", handler)添加一个namespace，然后调用$("body").off("click.abcnamespace")

  • 修改文本现有处理程序不会自动影响 ，也不会取消先前附加到元素的事件处理程序。最简单的方法是复制并保存包含事件处理程序的现有javascript，选择Elements选项卡，右键单击具有事件侦听器的元素，在右侧面板中选择Event Listeners，将鼠标悬停在window上时，document或HTMLElement附加了事件，应显示一个按钮，上面写着Remove。单击该按钮可删除事件侦听器。然后，您应该能够修改保存的事件侦听器，并将其添加回现有document并应用修改

相关文章：