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

Question

我正在尝试编辑页面的html（不是导入的js文件）的一些javascript代码。我可以设置断点并逐步完成它们，但是我无法在执行期间或执行前后编辑javascript。我对这些文件进行了批准（{}）并对其进行了不合理的修饰。代码段不会在本节中缩小。

1. 我可以这样做吗？
2. 代码是否在附加事件中有意义吗？即一个点击等
3. 我使用jQuery显然。

我可以发誓，这曾经是一个共同的特点。但是自从我做了很多javascript以来已经过去了一年多了。

Answer 1

使用铬/铬有几种方法来修改现有的document的html。在devtools

• 选择Elements选项卡，右侧的元素上点击修改，选择Edit as HTML，使包含的元素在框架的修改，然后点击编辑框外

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

• 修改现有的文字处理程序不会自动影响，或取消先前连接到该元素的事件处理程序。徘徊在window，document或HTMLElement有事件在当连接按钮应该是最简单的方法是复制并保存现有javascript包含事件处理程序，选择Elements选项卡，右键单击具有事件侦听器元素上，在右侧面板中，选择Event Listeners显示说Remove。单击该按钮可删除事件侦听器。然后，您应该能够修改保存的事件监听器，并修改其重新添加到现有的document应用于