如何在chrome dev工具中保存当前调试实例中加载的js文件更改？

Question

我在本地文件系统上使用html / js / css。我在本地运行应用程序，我能够在chrome dev工具中更改js文件。 js文件的选项卡显示＆＃34; *＆＃34;表示已进行更改。但是，如果我右键单击并选择保存，则没有任何反应。 ctrl-s快捷方式也不起作用。我选择了＃34;将文件夹添加到工作区＆＃34;从上下文菜单中，我可以使用Chrome作为文件系统上文件的文本编辑器，但我仍然无法将编辑保存到当前应用程序实例的该文件夹中已在调试器中打开的文件。您能告诉我需要采取哪些步骤进行配置吗？

Answer 1

您需要将应用目录添加到Workspace，以便保存并保留更改。看起来你试图像我要说的那样做同样的事情，但也许错过了一些东西。这是我刚刚创建的一个工作示例：

您可以看到我尝试保存本地script.js文件但失败了。

1. 右键单击应用程序目录，单击“将文件夹添加到工作区”。



1. 选择您的目录。

2. 点击“允许”到窗口顶部显示的权限栏

3. 关闭在Sources中打开的现有文件，折叠top节点并展开工作区目录。

4. 打开脚本并尝试编辑和保存。这次应该坚持下去。



如果您运行的是本地Web服务器来提供文件，则需要将服务器路径映射到工作区目录。有关详细信息，请查看Stage persisted changes，或者从DevTools主设置面板中关注my instructions on creating mappings。