使用Chrome开发者工具编辑Javascript

我正在尝试使用Chrome的开发者工具在一个网站上编辑javascript。我已经阅读了大约30篇关于如何做到这一点的报道，并观看了一些视频。事实上，当我转到“源”选项卡并打开要编辑的文件时，我无法对其执行任何操作。有没有什么我错过的步骤

---

我可以创建断点、跨步等。。。我就是不能编辑。最近是否删除了此功能？

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

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

---

如果您对文件进行了美化，Chrome将不允许编辑。我把它关掉了，可以编辑了。愿意打赌这是/曾经是你的问题。

它有一些局限性：

必须是JS文件。无法在html页面中嵌入标记

它不能被美化

---

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

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

例如，如果页面具有：

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

这对我来说很有用

或者如果你喜欢

function foo() {
    doAThing();
}

你可以进去

function foo() {
    doSomethingElse();
}

而foo将被重新定义

也许不是最好的解决办法，但它确实有效。将一直持续到您重新加载页面。

我搜索了“chrome开发工具编辑javascript”。此页面是第一个搜索结果。但是它太过时了，对我没有帮助

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

---

---

我可以在控制台上打电话，一切正常。我只是不能编辑东西。你可以覆盖本地函数和变量，但是没有办法从开发工具保存对文件的更改。你仍然需要一个外部编辑器。实际上，我可以编辑css文件，但不能编辑嵌入php文件中的脚本。>>好吧，我可以用歌剧做我想做的事。问题已经解决。@cooperia将您的js代码放在一个*.js文件中，然后您就可以在chrome中实时编辑和运行它了。我在linux上使用chrome，即使它是一个.js文件，我仍然无法编辑javascript。有点有趣的注意：打开/关闭漂亮的打印（“{}”图标）可以编辑嵌入的js，但是这些改变不会生效，所以这仍然不是我们想要的。（Chrome 29）这就是我需要知道的。谢谢。是的，这很有帮助，谢谢@raddevon，我现在可以编辑它们，但对于搜索此主题的其他人，页面没有任何影响：我已将“美化”设置为“关闭”，但仍然无法编辑。再次打开和关闭它会有所帮助。（多亏了它的建议）接着说：不。结果发现我和@raddevon有同样的问题。也许是chrome中的一个bug。您可以编辑和保存脚本，并且在调试时可以在脚本中找到断点。但实际运行的脚本仍然是原始的未编辑版本。示例：我编辑了脚本，注释了每一行，但仍然可以运行脚本，点击行上的断点等。所以编辑的版本甚至没有运行，只是显示出来。。。当然，我会以各种不同的方式重新启动脚本，但不会产生任何效果。作为旁注，如果你进行修饰，然后复制并粘贴回原始文件，它将是一个经过修饰的原始文件，可以编辑。@Eoin美妙极了！这完全奏效了。而且，有了“本地覆盖”功能，这项工作就完美了。感谢您的提示：-）如果在遵循上述指导原则和“源”选项卡中的更改没有生效，请尝试右键单击左侧树状视图中已编辑的文件，然后选择“保存”。可能会出现一个对话框，要求您保存本地文件，但您可以取消。直到那时，Chrome的编辑历史记录才最终显示编辑被卡住了。我快发疯了，因为这个新文件嵌入了js，但我无法编辑。我不明白为什么。谢谢你，gcb和Welahi，有没有可能从开发者工具的

Sources

选项卡下的列表中取消包含js文件？@techie\u 28不确定，打开另一个问题。但我会为此写一个快速扩展。

function foo() {
    doSomethingElse();
}