JavaScript trick to EDIT any website in a Browser

In this post I’m going to show you how you can go to someone’s website (like a prospective or actual client *wink wink*) and edit it in a browser without any coding knowledge.

Hey, so today we’re going to learn a cool trick that will change the way you market your copywriting business forever. You’ll be able to impress potential clients by showing them your potential work with just one click.

This tutorial only takes 2 minutes and soon, you’ll be able to edit ANY website in your browser!

This is how you can edit any website directly from your browser:

Step 1: Highlight the text in green:

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

Step 2: Drag the highlighted text into your bookmarks bar.

Step 3: Click the icon whenever you want to edit any page. Magic!


Note: If you can’t drag the text to the bookmark bar in Chrome, try this.

1. Make a temporary bookmark of any webpage (like this one you’re reading)
2. Copy the code in green below

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

3. Select Edit by right-clicking on the bookmark
4. In the URL field paste the code


(Shoutout to my copywriting mentor Neville who I first learned this trick from a while ago)

One response

  1. Ismal Ariffin Avatar
    Ismal Ariffin

    Hi, how to get rid of red line while I am editing? I think it has another code right? I am not sure but just asking to get answer. That’s all. Thanks for sharing this information.

Leave a Reply

Your email address will not be published. Required fields are marked *