javascript - 使用 Chrome 开发者工具编辑 Javascript

Question

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

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

score 115 · Accepted Answer

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

如果您对文件进行了美化，Chrome 将不允许编辑。我将其关闭并能够进行编辑。愿意打赌这是/曾经是你的问题。

score 56 · Accepted Answer

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

score 32 · Accepted Answer

它有一些限制：

score 14 · Accepted Answer

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

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

例如，如果页面有：

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

我可以获取脚本之间的内容，对其进行编辑，然后将其输入到调试器中，例如：

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

它会为我工作。

或者如果你喜欢，

function foo() {
    doAThing();
}

你可以输入

function foo() {
    doSomethingElse();
}

和 foo 将被重新定义。

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

score 6 · Accepted Answer

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

我使用的是 Chrome 73，这个版本的 Chrome 有“启用本地覆盖”选项。使用该功能，我可以编辑 javascript 并可以运行和调试。

score 0 · Accepted Answer

我的解决方案：

6 回答 6