Back to articles

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:

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

Hope this helps you save some time and save Alt and Tab keys on your keyboard 😉

It also could be interesting to You

About reinvention of a wheel, Agile and Linux way

How often in software development do you think about rewriting some 3rd party module from scratch? The popular vision of the problem says that we should not reinvent a wheel and use existing paid or…

“Why do people refuse to use WebRTC? Is it really its quality question?”

As a CEO who has 15+ years of software development, I take part very often in the first call with our clients. Very often, I can hear something like “We should like to move away…