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?

For custom CSS code you can use 'Chrome Stylist' extension :) — iAnuj, Aug 17 '12 at 02:15

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

729
5
16

Apply Changes to a web page using Chrome & Inspect Element

1 Answers1