Edit the text of a website without going into developer mode

This one is a short tipp but one that I’ve used countless times over the last few years. Many times as “technical marketer” you’ll have to edit the copy on a website – either just to check if the text fits and looks well or to send somebody a screenshot of a change that you can’t make yourself.

Normally you would have to go into the “Web Inspector” find the element and change it there.

The old way

But there’s a much easier and quicker option. I’ve found this “bookmarklet” that let’s you just change any text on a website as if you were in a text document.

The way easier way

Change Text on Website

To install it just drag the following link in your browsers bookmark bar.

Edit Page

If it doesn’t work that way, create a new bookmark (e.g. for this site) and then change the address to the following code:

javascript:document.body.contentEditable = 'true'; document.designMode='on'; void 0