Question

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

我可以创建断点，单步执行......等我无法编辑。最近是否删除了此功能？

Answer 1

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

如果您对文件进行了美化，Chrome将不允许进行修改。我把它关了，能够编辑。愿意打赌这是你的问题。

Answer 2

您可以在“来源”标签上的开发者工具中编辑javascript，但它只允许您在自己的文件中编辑javascript。嵌入在HTML（或PHP）文件中的脚本将保持只读。

Answer 3

它有一些限制：

Answer 4

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

我可以将我要修改的javascript复制到文本编辑器中，编辑它，然后将其粘贴到控制台中，它将重新定义任何函数或我需要重新定义的任何函数。

例如，如果页面有：

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

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

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

它对我有用。

或者，如果你喜欢，

function foo() {
    doAThing();
}

您只需输入

即可

function foo() {
    doSomethingElse();
}

和foo将被重新定义。

可能不是最好的解决方法，但它确实有效。将持续到你重新加载页面。

Answer 5

我确实搜索了“ chrome dev tool edit javascript”。此页面是第一个搜索结果。但这太过时了，对我没有帮助。

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