Google-chrome – Save “Inspect Element”

google-chrome

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?

Best Answer

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/

Related Question