我知道这个问题已经过时了，但我刚刚遇到了一个类似的问题，并找到了解决方案。
如果你美化了文件，Chrome将不允许编辑。我关闭了它，可以编辑。愿意打赌这是/是你的问题。

您可以在开发者工具的“源代码”选项卡中编辑javascript，但它只允许您在javascript自己的文件中编辑。嵌入HTML（或PHP）文件中的脚本将保持只读状态。

它有一些局限性：
1.必须是JS文件。不能在html页面中嵌入标记。
1.它不能被美化。

我不知道是否需要永久保存，但是如果您需要临时修改js：
我可以把我想修改的javascript复制到一个文本编辑器中，编辑它，然后把它粘贴到控制台中，它会重新定义任何函数或任何我需要重新定义的东西。
例如，如果页面具有：

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

我可以获取脚本之间的内容，编辑它，然后将其输入调试器，如下所示：

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

而且对我也有效。
或者如果你有，

function foo() {
    doAThing();
}

你只要输入

function foo() {
    doSomethingElse();
}

并且foo将被重新定义。
可能不是最好的变通办法，但它很有效。将持续到您重新加载页面。

我搜索了“chrome开发工具编辑javascript”。这个页面是第一个搜索结果。但是它太过时了，对我没有帮助。
我用的是chrome73，这个版本的chrome73有“启用本地覆盖”选项。使用这个功能，我可以编辑一个javascript，可以运行和调试。

我的解决方案：
1.在devtools首选项中，选中启用本地覆盖。
1.转到网络选项卡，找到您要编辑的文件，右键单击它并选择保存覆盖（在源/覆盖选项卡上，您需要添加本地文件夹）
1.该文件作为本地副本出现在"源"选项卡的新选项卡中，因此您可以编辑此文件，并且在站点重新加载后，新的（和编辑的）覆盖文件将加载到站点上!

我没有足够的声誉添加评论：当我通过Chrome性能分析器打开文件时，已接受答案的注解中打开/关闭美化的提示对我不起作用，但当我关闭文件并从源代码面板再次打开时，它起作用了。