无法在Chrome开发工具中编辑javascript
我试图编辑页面html中的一些javascript代码(不是导入的js文件)。我可以设置断点并逐步通过它们,但我不能在执行期间或执行之前/之后编辑javascript。我美化({})和取消美化文件。本节未缩小代码段无法在Chrome开发工具中编辑javascript,javascript,google-chrome,google-chrome-devtools,Javascript,Google Chrome,Google Chrome Devtools,我试图编辑页面html中的一些javascript代码(不是导入的js文件)。我可以设置断点并逐步通过它们,但我不能在执行期间或执行之前/之后编辑javascript。我美化({})和取消美化文件。本节未缩小代码段 我能做这个吗 代码在附加事件中是否重要。点击等 我显然在使用jquery 我可以发誓这曾经是一个共同特征。但是我已经一年多没有使用javascript了。使用chrome/chrome有几种方法可以修改现有文档的html。在devtools 选择元素选项卡,右键单击要修改的元素,选
我可以发誓这曾经是一个共同特征。但是我已经一年多没有使用javascript了。使用chrome/chrome有几种方法可以修改现有
文档的html
。在devtools
- 选择
元素
选项卡,右键单击要修改的元素,选择编辑为HTML
,在包含元素的框架中进行修改,然后在编辑器框架外单击
- 选择
Sources
选项卡,选择Snippets
选项卡,右键单击并选择New
,编写javascript
,在现有窗口中执行按▶在右侧面板上的code>运行javascript
,在现有的窗口中的代码段中运行。例如,如果$(“body”).on(“click”,function(){alert(123)}
作为片段添加
单击body
元素应调用alert(123)
。检查元素时,事件还应列在devtools右面板的事件侦听器中。删除侦听器可能更具挑战性;即使您将鼠标悬停在右侧面板的侦听器上时单击“删除”
,因为事件已附加到元素。最简单的方法是将名称空间添加到事件$(“正文”)。打开(“click.abcnamespace”,handler)
,然后调用$(“正文”)。关闭(“click.abcnamespace”)
- 修改现有文本处理程序不会自动影响或取消以前附加到元素的事件处理程序。最简单的方法是复制和保存包含事件处理程序的现有
javascript
,选择元素
选项卡,右键单击具有事件侦听器的元素,在右面板上选择事件侦听器
,将鼠标悬停在窗口
上,document
或HTMLElement
应显示一个按钮,上面写着Remove
。单击该按钮以删除事件侦听器。然后,您应该能够修改保存的事件侦听器,并将其添加回已应用修改的现有文档中
是现有html
页面中的javascript
,还是仅在控制台上运行?
?javascript位于页面的html中。请看,问题是,他们都在创建完整的“工作区”,并且做的比我想要的多得多。我知道我曾经能够对javascript进行一些小的更改,并从开发工具中看到它的工作情况。这就不可能了吗?我是否需要创建一个完整的工作区来进行简单的更改?它肯定仍然有效。尝试将代码移动到单独的JavaScript文件中。美化后,您将无法编辑“script.js:formatted”,但您可以编辑缩小的“script.js”文件。