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
add comment

1 Answer

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
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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