So, you want to edit a web page, change the copy, and save the results -- all without triggering any page reloads.
Video tutorial: https://share.getcloudapp.com/bLuenjZK
Right click on the web page, select the "Inspect"
option, and switch to the "Console"
tab.
This works the same in every browser -- it's built in!
document.designMode="on"
This will make the entire page editable. But wait, you're not done yet!
document.body.innerHTML = document.body.innerHTML
This will ensure that no matter where you click on the page, it won't refresh or travel to a new link! (Normally, this isn't a problem, but there are some cases when it matters)
I'd recommend the Full Page Screen Capture Chrome Extension. Click its icon and it just works!
Instead of screenshotting the page, why not save it as an HTML file? Then you can edit it later using the same method above!
If this sounds like something you'd want to do, use the excellent SingleFile Chrome Extension!
If you don't want to paste code into the Console because it's too weird/cumbersome, there's a Chrome Extension that will let you edit your page with some great design tools -- it feels just like you're editing a SquareSpace website.
Just use the free VisBug Chrome Extension. Clicking it will make your page editable!
--
Now you can edit pages and save your changes to show to the rest of your team!