Chrome工作区 - 保存Sources选项卡中的更改但不保存元素 [英] Chrome Workspaces - Saves changes in Sources tab but not Elements

问题描述

我试图在Canary上设置和使用Workspaces，并且遇到了一些问题。

我知道这仍在开发中，但有人可以澄清我遇到的这些问题是不是还是与它正在开发中的事实有关？基本上，我在DevTools中设置一个工作区，在我的文件中查找目录系统。我是否需要在URL前缀和文件夹路径输入框中添加任何内容？我试验过把它们留空，把它们填入等等，但由于缺少文档，我不确定什么是正确的输入。

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

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

我知道一些不太正确的事情，因为当我观看Paul Irish的小演示时，他正在制作元素样式栏中的更改以及查看结果而不刷新和更改将自动保存。我怎么能得到这一点？

预先致谢。

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

解决方案

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

I'm trying to setup and use Workspaces on Canary and I'm running into a few issues.

I understand that is still under development but could someone clarify these issues i'm having aren't or are related to the fact that its still under development?

Basically I setup a workspace in DevTools, locating the directory on my file system. Do I need to put anything in URL prefix and folder path input boxes? I've experimented leaving them blank, filling them in etc, but due to the lack of documentation I'm not sure what the correct input is.

Most of the time I run my sites through MAMP so will custom server names alter the configuration?

When I then open open the page I am editing, open the dev tools, make changes in the elements styles sidebar, it doesn't save any changes to the file on my system. But then when I go into the Sources tab and locate the workspace from the slide-out menu on the left, I can make changes to the files directly there. But I have to refresh the browser to see any changes.

I know something isn't quite right because when I watched Paul Irish's little demo a while back, he was making changes in the elements styles bar and seeing the results without refresh and changes being saved automatically. How can I get that this point?

Thanks in advance.

PS. If someone could add chrome-canary and chrome-workspaces tags, that would be great.

解决方案

Once you have added a local filesystem, right-click a local file in your Sources panel and choose "Map to Network Resource", then select the network resource it corresponds to. That should set up the right mapping automatically.

这篇关于Chrome工作区 - 保存Sources选项卡中的更改但不保存元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！