How to save changes to Google Chrome inspect element?

[Cat & Dog lover]

On facebook i went on my timeline and clicked friends then it came up with the number of friends on the list then i highlighted that and clicked inspect element then i typed in a different number for it to show then i x'ed out of inspect element and refreshed my fb friends list then it went back to the original number of friends i have. How do i get it to save until I change it again i've tried this several times now and its very irritating! Thanks

[David D]

You can't.

The inspector lets you change the data in your browser.

When the page is loaded again from the server, it gets whatever data the server sends.

Short of making new friends or un-friending people, there is no way for you to change the value the server will send for that.

[Steve Randy]

The "Inspect element" tool is for web developers, to allow them to inspect their website (inspecting websites with this tool is a great learning tool, too, imo), and make changes on the fly. Once you refresh the page, the changes are gone -- and that's totally normal (and the expected) behavior.

In short, you can't save changes made with the element inspector (the web just doesn't work that way!). However, what you can do is this:

If you have access to the website's source, change it.
Use "User Scripts" in Chrome, and use Javascript to make a one-off tweak to the website, forever fixing it =]

fyi, I use User Scripts all the time (I write my own ones), and come in really handy.

I've included two references. One is a link to how to enable/use User Scripts, and the other is a link to a Greasemonkey reference/tutorial. Greasemonkey is the User Scripts API/extension system used by Firefox -- but the User Scripts used in Chrome and Firefox are so similar, I figure its still relevant to link it.

Hope this helps!