Chrome工作区 - 在“来源”标签中保存更改,但不保存“元素”

时间:2013-07-15 15:12:12

标签: google-chrome google-chrome-devtools

我正在尝试在Canary上设置和使用Workspaces,但我遇到了一些问题。

据我所知,这仍然处于开发阶段,但有人可能会澄清这些问题,而这些问题与其尚未开发的事实有关或与之相关吗?

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

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

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

我知道有些事情不太正确,因为当我一会儿看到Paul Irish的小演示时,他正在对元素样式栏进行更改并查看结果而不刷新并自动保存更改。我怎么能得到这一点呢?

提前致谢。

PS。如果有人可以添加chrome-canary和chrome-workspaces标签,那就太棒了。

2 个答案:

答案 0 :(得分:5)

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

答案 1 :(得分:0)

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