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

时间:2015-03-24 12:30:36

标签: javascript google-chrome google-chrome-devtools chrome-dev-editor

我已经完成了这一百万次,即打开"来源"中的javascript文件。选项卡,编辑并按CTRL + S保存,Chrome将通过"重新编译和更新成功确认相同的内容"。

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

此外,源窗口变红,表示无法执行此操作。

从不同的系统编辑相同的脚本。

我在Chrome 41.0.2272.101m / WIN8。

脚本没有经过美化和#34;只是为了解决这个问题。!

3 个答案:

答案 0 :(得分:9)

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

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

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

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

答案 1 :(得分:4)

我想出了一个很好的方式来实时编辑一个网站的JS,而不必保存任何东西。它还会通过页面重新加载持续存在,但您必须保持开发人员控制台处于打开状态:

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

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

- 确保以" false结束该行;"这样断点永远不会实际触发(除非你想要它触发)

实施例: 如果断点条件为" valueToChange = 100; false;",每次执行都超过这一行时,' valueToChange'将被设置为100。

答案 2 :(得分:0)

您可以参考以下链接。它显示了逐步说明。 https://www.youtube.com/watch?v=PJDPIsOfFZE 我发现的一件事是Chrome扩展Jet Brain插件可以选择配置(右键点击JB扩展名)。确保端口号与Intellij调试端口号匹配。如果使用JRebel,则其端口号与javascript调试器不同。