使用Chrome开发人员工具编辑Javascript

我正在尝试使用Chrome的开发人员工具在网站上编辑JavaScript。我已经阅读了大约30个如何做这个事情的帐户，以及观看了几个video。事实是，当我去到资源标签页并打开我想要编辑的文件时，我无能为力。有没有我失踪的一些步骤？

我可以创build断点，一步一步等…我只是不能编辑。最近是否删除了此function？

我知道这个问题是陈旧的，但我只是有一个类似的问题，并find了解决办法。

如果您有该文件，Chrome将不允许编辑。我关掉它，并能够编辑。愿意打赌这是/是你的问题。

您可以在“Sources”选项卡上的开发人员工具中编辑javascript，但是它只会允许您在自己的文件中编辑javascript。 embedded在HTML（或PHP）文件中的脚本将保持只读状态。

它有一些限制：

我不知道你是否需要这个永久保存，但如果你只需要暂时修改js：

我可以复制那个JavaScript我想修改成一个文本编辑器，编辑它，然后将其粘贴到控制台，它将重新定义任何function或任何我需要重新定义。

例如，如果页面有：

 <script> var foo = function() { console.log("Hi"); } </script>

我可以在脚本之间获取内容，编辑它，然后将其input到debugging器中，如下所示：

 foo = function() { console.log("DO SOMETHING DIFFERENT"); }

它会为我工作。

或者如果你有，

 function foo() { doAThing(); }

你可以input

 function foo() { doSomethingElse(); }

而foo将被重新定义。

可能不是最好的解决方法，但它的工作原理。将持续到您重新加载页面。