How can I config workspace in chrome?

Question

I'm trying to activate workspace tool for my local project. I want to apply CSS changes on my codes when I edit them into browser.

I've added my folder, perfix url and path of my project to the Chrome like this:

But still there isn't any change in my codes when I change it into browser, What's wrong?

Answer 1

Here are the steps to map a local workspace to a server path, using my example:

1. Click "Add folder" in the Workspace settings, and navigate to your working directory. Click "Allow" in the bar at the top to grant Chrome permissions.

2. Add a mapping between your server and the path

3. Load the URL and navigate to the Sources tab. Open your file and start editing. If you save with Cmd+S (Mac) / Ctrl+S (Windows / Linux), the changes will be persisted in the workspace.

   

You can read more information from the official documentation here, which shows how to add it directly from the Sources panel. Read the Limitations section, in case you are trying to do something that isn't supported.