Examples

mklasen




Traveler

Web developer

WordPress Guru


Local development: Chrome Workspaces

January 18, 2017 by Marinus Klasen » - no comments

Refreshing your browser every time you make a change in your CSS files is a pain in the ass. Chrome Workspaces will fix this and can be easily setup by taking the following steps:

  1. Open Developer Tools
  2. Click the settings dots (3 dots, top right) and click Workspace
  3. Add your project folder or general workspace as a folder
  4. Create a mapping by entering the url and the path to the folder from within your workspace/project folder
    In my case:
    Workspace folder: /Users/mklasen/VVV/www
    URL prefix: http://domain.dev
    Folder path: /domain/htdocs/
  5. Should work by now, you can also go to Sources and select the specific folder/file you want to link up: Right click and select “Map to File System Resource..”

Note: This will not work when you have version numbers in your CSS/JS files. You can remove them with this snippet:


https://gist.github.com/khoipro/fc7d02e4c59142a1639690b317f447d5

Leave a Reply

Your email address will not be published. Required fields are marked *