无法在Chrome开发工具中实时编辑Javascript

Unable to Live Edit Javascript in Chrome Developer Tools

本文关键字：实时 编辑 Javascript 开发工具 Chrome      更新时间：2023-09-26

我已经做了一百万次了，即在"源代码"选项卡中打开javascript文件，编辑并点击CTRL+S保存它，Chrome会用"重新编译并更新成功"来确认这一点。

但我不能再这样做了！控制台中没有确认消息。

此外，源窗口变为红色，表示无法这样做

同一个脚本正在从不同的系统进行编辑。

我使用的是Chrome 41.0.2272.101m/WIN8。

剧本并没有"美化"，只是为了排除这个答案。！

尝试使用工作区：https://developer.chrome.com/devtools/docs/workspaces

通过右键单击Sources中的左侧面板并选择"Add folder to workspace"，将项目文件夹添加为devtools中的工作区。

然后，从工作区中的文件夹中选择javascript文件。右键单击文件中的任意位置以选择"映射到本地资源"，然后选择与工作区中的当前文件匹配的活动文件。

这应该允许您更新JS文件，并且任何保存的更改都将应用于当前页面，而无需刷新。

我想出了一个很好的方法来实时编辑网站的JS，而不必保存任何东西。它也通过页面重新加载来保持，但您必须保持开发人员控制台的打开：

-在要插入代码的位置添加断点。

-编辑此断点并添加您想要进行的任何更改。

-确保以"false；"结束该行，这样断点就不会真正触发（除非您希望它触发）

示例：如果断点条件为"valueToChange=100；false；"，则每次执行到此行时，"valueToChange"都将设置为100。

您可以参考以下链接。它显示了循序渐进的指令。https://www.youtube.com/watch?v=PJDPIsOfFZE我发现的一件事是，Chrome扩展Jet Brain插件可以在选项中配置（右键单击Chrome扩展的JB）。请确保端口号与Intellij调试端口号匹配。如果您使用JRebel，它的端口号与javascript调试器不同。

相关文章：