Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

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?

share|improve this question

migrated from webmasters.stackexchange.com Oct 11 '13 at 2:56

This question came from our site for pro webmasters.

    
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 '13 at 4:33

1 Answer 1

up vote 2 down vote accepted

For HTML

In "Elements" pane

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

  • Right click and select "Copy as HTML"

For CSS

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/

share|improve this answer

protected by Community 2 days ago

Thank you for your interest in this question. Because it has attracted low-quality answers, posting an answer now requires 10 reputation on this site.

Would you like to answer one of these unanswered questions instead?

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