Would anybody know of a way of saving changes I made in Inspect Element, locally and not server side?

There is some script/plugins for big websites like Facebook that sometimes include a feature where you can change and save the CSS coding you've edited for your own personal viewing. Why isn't there something like this for editing both HTML/CSS and saving for only personal viewing?

  • You can use the greasemonkey or tampermonkey extensions to fF and chrome to change the html of a site when it loads.
    – Paul
    Oct 11, 2013 at 4:33

1 Answer 1



In "Elements" pane

  • Select the root of the document (e.g. )

  • Right click and select "Copy as HTML"


In "Sources" pane

  • Select modified css file

To review changes:

  • Right click and select "Local modifications"

To save changes:

  • Right click and select "Save as..."

Ref: http://webdesign.tutsplus.com/tutorials/workflow-tutorials/faster-htmlcss-workflow-with-chrome-developer-tools/

Not the answer you're looking for? Browse other questions tagged or ask your own question.