使用Chrome开发者工具编辑Javascript

我正在尝试使用Chrome的开发人员工具在网站上编辑javascript。我已经阅读了大约30个有关如何执行此操作的信息，并观看了一些视频。事实是，当我转到“源”选项卡并打开要编辑的文件时，我无法对其进行任何操作。我缺少一些步骤吗？

我可以创建断点，逐步执行等...我只是无法编辑。该功能最近被删除了吗？

我知道这个问题是过时的，但是我也遇到了类似的问题并找到了解决方案。

如果您已整理文件，则Chrome将不允许进行编辑。我将其关闭并能够进行编辑。愿意打赌这是/是您的问题。

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

它有一些局限性：

1. 必须是JS文件。不能在HTML页面中嵌入标签。

2. 它不能美化。

我不知道您是否需要永久保存它，但是是否需要临时修改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 dev tool edit javascript”。此页面是第一个搜索结果。但是它太过时了，对我没有帮助。

我正在使用Chrome 73，此版本的Chrome具有“启用本地替代”选项。使用该功能，我可以编辑一个javascript并可以运行和调试。