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

Question

我已经这样做了一百万次，即在“源”选项卡中打开 javascript 文件，编辑并按 CTRL+S 保存它，Chrome 会通过“重新编译和更新成功”确认相同的内容。

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

此外，源窗口变为红色，表示未能这样做。

相同的脚本正在从不同的系统中进行编辑。

我在 Chrome 41.0.2272.101m / WIN8 上。

该脚本没有“美化”，只是为了排除答案。！

Answer 1

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

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

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

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

Answer 2

我找到了一种无需保存任何内容即可实时编辑网站 JS 的好方法。它还会在页面重新加载时持续存在，但您必须保持开发者控制台打开：

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

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

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

示例：如果断点条件为“valueToChange=100; false;”，则每次执行越过该行，“valueToChange”将设置为 100。

Answer 3

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