Chrome workspace allows to use the devtool as an IDE. The changes can be saved to disk without having to leave Chrome DevTools.
By default, a refresh of the browser will remove the changes unless you've manually copied and pasted them to an external editor.
The Chrome workspace features permit mapping files served from a local webserver to files on a disk and view changes made to those files as if they were being served.
# Linux/Mac
python -m SimpleHTTPServer
#or Windows
python -m http.server 8000
In the source tab, you can change an HTML file.
The tree of nodes that you see on the Elements panel represents the page's DOM and is not mapped to the file on the file system because the DOM may be changed via javascript and CSS. Therefore every change made here will be lost after a page refresh (F5).
Javascript files can also be changed as for the HTML in the source tab but when you go away of his tab, the file is closed. The solution is to use the Quick Source tab that's then available everywhere (except in the source tab).