Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome Workspaces - Saves changes in Sources tab but not Elements

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.

like image 721
Oliver Evans Avatar asked Jul 15 '13 15:07

Oliver Evans


People also ask

How do I save changes in element in Chrome?

Now, every time you edit the source code you can click “Command + S” and save your code changes. Also, if you edit your CSS in your regular editor and you save the file, the changes will update in your Chrome without refreshing the page.

How do you save elements in DevTools?

Right click on the element, go to Copy > Copy element. Then paste the clipboard content into your favorite editor or IDE and save. Not as convenient as saving from the Sources tab, but it does allow you to get/save all the changes you've made in the Elements tab.


1 Answers

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.

like image 175
Alexander Pavlov Avatar answered Nov 15 '22 17:11

Alexander Pavlov