[Devtools] Edit any text on page

twitter logo ・1 min read

Wanna test UI on your page when changing your text?
Wanna edit some text directly in the browser itself?

Now with designMode you can use your browser as a text editor.

Go to console and type:

document.designMode = 'on'

to turn it on. Valid values are 'on' and 'off', default is 'off' in almost browsers.

You can now edit almost anything and everything in the DOM.

Happy Debugging!

Originally posted on my blog here

twitter logo DISCUSS
Classic DEV Post from Feb 2

👾 GitHub Spray: Draw on your GitHub contrib graph ░▒▓█

👾Generate spray for your GitHub contribution graph ░▒▓█

Hiền Vương profile image
Web Developer - Coffee Lover

Customize DEV by logging in

  • Follow users
  • Follow tags
  • Dark mode
  • Font style (like sans serif)
  • Notifications
Get Started