Chrome工作区-保存源选项卡中的更改，但不保存元素

Question

我正在尝试在Canary上设置和使用工作区，但我遇到了一些问题。

我知道这仍在开发中，但有人能澄清一下我遇到的这些问题与它仍在开发中的事实无关或相关吗？

基本上，我在DevTools中设置一个工作区，将目录定位到我的文件系统上。是否需要在URL前缀和文件夹路径输入框中放入任何内容？我已经尝试将它们留空，填充它们等，但由于缺乏文档，我不确定正确的输入是什么。

大多数时候，我通过MAMP运行我的站点，那么自定义服务器名称会改变配置吗？

然后当我打开我正在编辑的页面，打开开发工具，在元素样式侧边栏中进行更改时，它不会将任何更改保存到我的系统上的文件。但是，当我进入Sources选项卡并从左侧的滑出菜单中找到工作区时，我可以直接在那里对文件进行更改。但我必须刷新浏览器才能看到任何更改。

我知道有些地方不太对劲，因为不久前，当我观看Paul爱尔兰的小演示时，他正在元素样式栏中进行更改，并在没有刷新和自动保存更改的情况下查看结果。我怎么才能做到这一点呢？

提前谢谢。

PS。如果有人能添加chrome-canary和chrome-workspace标签，那就太好了。

Answer 1

添加本地文件系统后，在源面板中右键单击本地文件并选择“映射到网络资源”，然后选择它对应的网络资源。这应该会自动设置正确的映射。

Answer 2

url前缀和文件夹路径应该分别对应于应用程序的根目录(服务器上的根URL )和文件系统中应用程序的根文件夹。Alexander Pavlov是正确的-如果您为单个文件设置网络映射，并重新启动开发工具，则会在开发工具建立连接时自动为整个映射创建这些映射。换句话说，为一个文件执行此操作，您可能不必自己填写工作区的那些字段，开发工具将自动执行此操作。非常方便。