Impress your friends with— document.designMode = ‘on’

Ion Utale
2 min readOct 1, 2023

Imagine a world where you could edit any web page you came across, simply by clicking a button. That’s the power of `document.designMode = ‘on’`.

This magical attribute allows you to transform any web page into a personal playground, where you can change the text, images, and layout to your liking. It’s like having a magic wand that gives you complete control over the internet.

But with great power comes great responsibility. Use document.designMode = ‘on’ wisely, or you could end up creating some truly monstrosities.

Here are a few tips for using `document.designMode = ‘on’` in a responsible and entertaining way:

  • Change the text on all your favorite websites. For example, you could replace all the text on Wikipedia with cat memes. Or, you could change all the text on Facebook to say “I love Ion!”
  • Add your own images and videos to web pages. For example, you could add a picture of your face to every Google search result page. Or, you could add a video of yourself dancing to every YouTube video.
  • Change the layout of web pages. For example, you could make all the text on Amazon pages twice as big. Or, you could move the navigation bar on Facebook to the bottom of the page.

The possibilities are endless!

Here are a few ideas for how to use `document.designMode = ‘on’`:

  • Change the headlines on news websites. For example, you could change the headline “Biden Approves New Infrastructure Bill” to “Biden Approves New Bill to Build a Wall Around the Moon.”
  • Add your own captions to photos on social media. For example, you could add the caption “This is the most beautiful cat in the world” to a photo of a hairless dog.
  • Change the product descriptions on online shopping websites. For example, you could change the product description for a new iPhone to “This phone is so good, you’ll never need to leave your house again.”

Have fun with it! And be careful not to break the internet.

A Word of Caution

Before you go wild with `document.designMode = ‘on’`, there are a few things you should keep in mind:

  • Not all web pages are editable. Some websites are designed to be read-only, and document.designMode = ‘on’ won’t work on them.
  • Be careful not to break anything. If you’re not careful, you could accidentally break a web page or make it unreadable.
  • Use your powers for good. Don’t use `document.designMode = ‘on`’ to spread misinformation or spam.

With great power comes great responsibility. Use `document.designMode = ‘on’` wisely my dear friends!