DEV Community

Cover image for God Mode in browsers: document.designMode = "on"
Gautam Krishna R
Gautam Krishna R

Posted on • Updated on

God Mode in browsers: document.designMode = "on"

Just type document.designMode = "on" on you favourite browser's devtools and see the magic.

It will make any website editable:

preview

Latest comments (6)

Collapse
 
thecatfix profile image
John Shelburne

Image description

Collapse
 
dhruvindev profile image
Dhruvin

is there any way to save the content ?

Collapse
 
gautamkrishnar profile image
Gautam Krishna R

Click on file > save page as. You will be able to save the page as html.

Collapse
 
ben profile image
Ben Halpern

This really is just the coolest

Collapse
 
nikoheikkila profile image
Niko Heikkilä

This makes a good office prank when a colleague has forgotten to lock their workspace:

Enable the design mode, replace random strings on a webpage with [object Object], disable the design mode and back away. 🍑

Collapse
 
kvanrooyen profile image
Keagan Van Rooyen

That is amazing! I'm going to be doing that when I get back to the office.