loading...

[Devtools] Edit any text on page

duchienvuong profile image Hiền Vương ・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

Discussion

markdown guide