"This enables you to author and tweak your scripts and styles, instantly see those changes reflected in the browser and have them transparently persist to disk," wrote Vsevolod Vlasov, a Google software engineer on the Chrome DevTools team, in a blog post announcing the update.
With the updated DevTools, developers can now live edit their pre-processed CSS files as well. CSS pre-processors are special languages that organize CSS code into formats that are easier to use and understand.
With this release, DevTool supports the popular Sass pre-processor, and Google promises to add support for the Less, Stylus and Compass pre-processors as well.
DevTools now also offers the ability to save scripts, bookmarklets and utilities so they can quickly be called up when editing source code in the browser. Google has also set up a community repository of snippets.