Search code examples
webpersist

How to persist ALL changes made in the browsers Web Development Mode


I think I have checked through all the potential extensions, please correct me if you know of one.

Many times people need/like to hack away at the websites they visit and of course we want to save these for later as well, even share them. My question is how can I do this easily directly in web developer mode? Is there no way? Where should I go to request it?

Most of the time we find it convenient when hacking at websites to directly use the native developer tools F12 (default).

For example if I open up a web page I visit a lot in web developer mode and insert some custom changes to the DOM structure, the Styles, or the behavior of the former I expect those changes to persist.


Solution

  • What I did is use the default web developer tools console F12->console There I edited the DOM via javascript, then I saved all my console input into a greasemonkey script.

    Basically what needs to be done is export the console logs (since you visited that site) to a javascript (.js) file which is run every time the domain is run. I still think this has been done before otherwise i may make an extension.