Editing code directly in the browser (WebKit)
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:
- 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”)
- Select the file and map it on the file system resource
- Select a resource from mapping from your workspace (added in the first step)
- Don’t forget to restart the dev tool
- Edit your file in the browser
- See changes in VisualStudio or any other IDE
Hope this helps you save some time and save Alt and Tab keys on your keyboard 😉