DEV Community

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

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

gautamkrishnar profile image Gautam krishna R Updated on ・1 min read

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

It will make any website editable:


Discussion (4)

Editor guide
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. 🍑

kvanrooyen profile image
Keagan Van Rooyen

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

lukeshiru profile image
△ LUKE知る

You can create a bookmarklet to toggle it:

Enter fullscreen mode Exit fullscreen mode

You have to put that as the URL of a bookmark you name something like "Toggle Design Mode", and done. Even works on mobile 😄

ben profile image
Ben Halpern

This really is just the coolest