Maybe some people already know this feature, but I was discovered it only today. A lot of JS debugging brings some benefits, and today I found the possibility to edit code and save it on disk with Google Chrome (or any other WebKit-based browser). Hope this will simplify some debugging tasks for you. See how to enable this feature below:

  1. Add folders(s) with your source code to the browser's workspace
    Add folders(s) with your source code to the browser's workspace
    Add folders(s) with your source code to the browser's workspace
    Allow browser to access the file system (I have a Ukrainian browser in English you have to click “Allow”)
    Allow browser to access the file system
    Allow browser to access the file system
  2. Select the file and map it on the file system resource
    Select the file and map it
    Select the file and map it
  3. Select a resource from mapping from your workspace (added in the first step)
    Select a resource
    Select a resource
  4. Don't forget to restart the dev tool
  5. Edit your file in the browser
  6. See changes in VisualStudio or any other IDE
    See changes in VisualStudio or any other IDE
    See changes in VisualStudio or any other IDE

I hope this helps you save some time and save Alt and Tab keys on your keyboard ;)