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

Question

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

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

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

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

我在Chrome 41.0.2272.101m/WIN8上.

脚本不是"美化",只是为了解决问题.

Answer 1

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

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

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

工作区绝对是最好的方式.一旦您使用本地项目文件设置它们,您可以根据需要在devtools中完成100%的工作.我用这种方式制作了整个网站,无需离开Chrome.这是伟大的,无痛的,省时的,而且很酷,现在甚至可能. (2认同)

Answer 2

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

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

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

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

示例：如果断点条件为“valueToChange=100;false;”，则每次执行越过这一行，'valueToChange'就会被设置为100。