Apply Changes to a web page using Chrome & Inspect Element

Question

I find myself changing the css & html values of a particular webpage repeatedly to make the page better suited to my screen size. For example, I change the height and width of a div and remove certain elements. When I close the window and reopen it, I have to apply the said changes again. Is there a way to load a css snippet automatically or make the changes to the page whenever the page is loaded without having to manually make the changes using Chrome Developer Tools?

score 1 · Accepted Answer · edited Mar 20 '17 at 10:17

1

Here are a few options:

userChrome.css to save CSS snippets
bookmarklets to save JavaScript snippets
Content scripts for HTML,CSS, and JavaScript

edited Mar 20 '17 at 10:17

Community

1

answered May 31 '13 at 20:57

Paul Sweatte

737

Apply Changes to a web page using Chrome & Inspect Element

1 Answers1