DevTools Autosave

Overview

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

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.

0 out of 5
No ratings
Google doesn't verify reviews. Learn more about results and reviews.

Details

Version
1.0
Updated
February 21, 2025
Flag concern
Offered by
Ben Hatsor
Size
23.73KiB
Languages
English
Developer
Email
ben@berryscript.com
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Live editor for CSS, Less & Sass - Magic CSS

4.6(272)

Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...

PageRip (HTML + CSS Extract)

3.2(59)

Rip HTML + CSS snippets from any element on any web page with an element selector. Convert full webpages to single file HTML and JSX

cssPicker - copy css from website

3.5(11)

copy html and css from any website

Page Edit

4.6(33)

Make any webpage into a content editable document and modify it via toolbar popup!

Web Component DevTools

4.3(9)

Developer tooling for Web Components and Web Component Libraries

HTML Copy

5.0(1)

Copy or Export to file the HTML of a page with options to ignore certain elements.

VisBug

4.8(257)

Open source browser design tools

Show All Padding & Margins

4.5(4)

Highlights margins and padding for all HTML elements in any webpage.

Tailwind CSS Devtools

4.4(8)

Tailwind CSS Developer Tools

UI Inspector - Visual CSS Editor

4.1(9)

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

DivMagic - Copy Style from any website

3.6(71)

Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.

Page Manipulator

3.7(37)

Inject HTML, CSS or JavaScript into any web-page. The changes you make are applied every time you visit the specified website(s).