DevTools Autosave

Never lose any changes you make through DevTools to styles, HTML, or other page resources on reload.

• Edit some resources in DevTools, then check the Autosave panel (in the DevTools' top bar) to see a list of all the resources you've edited in the inspected page and their contents.

• This list is saved to your browser's local storage, meaning it persists between browser sessions. Just make sure to not clear your cookies.

Any resource you modify through DevTools is auto-saved. This includes:
• CSS files and inline styles, including inspector-stylesheets
• The inspected page's HTML
• JavaScript files
• And more

Note:
When you modify a resource through the Sources panel, it will only be saved once you've saved it in the editor window by pressing Ctrl/⌘ + S.
You'll know it's been saved once the asterisk at the end of the resource's name (at the top of the editor window) is gone.