Quick tricks - edit any web site

Sometimes you want to take a screenshot of a web site or you want to print it out and there is a lot of unneccessary content on it. There’s a simple trick to edit any web site. Go to the address bar (Ctrl + L for keyboard fans) and enter:

javascript:document.body.contentEditable=true

This allows you to edit the page. Make your changes, take the screenshot or print it and reload the page to go back to the original.

Another benefit with this trick is that the editing mode also triggers to spellcheck. If there are typos in the page, this mode will flag them up. For example, in the following screen recording, jobbs is spelled with two b, and the browser marks that error with a red underline.

If you don’t want to type, you can also use this bookmarklet to get a button to edit and finish editing.

Show all Quick Tricks.

These tricks are part of the Dev Digest Newsletter.