无法在Chrome开发工具中编辑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 选择元素选项卡,右键单击要修改的元素,选

我试图编辑页面html中的一些javascript代码(不是导入的js文件)。我可以设置断点并逐步通过它们,但我不能在执行期间或执行之前/之后编辑javascript。我美化({})和取消美化文件。本节未缩小代码段

  • 我能做这个吗
  • 代码在附加事件中是否重要。点击等
  • 我显然在使用jquery

  • 我可以发誓这曾经是一个共同特征。但是我已经一年多没有使用javascript了。

    使用chrome/chrome有几种方法可以修改现有
    文档的
    html
    。在devtools

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

    • 选择
      Sources
      选项卡,选择
      Snippets
      选项卡,右键单击并选择
      New
      ,编写
      javascript
      ,在现有
      窗口中执行
      运行
      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”文件。