DEV Community

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

Posted on • Edited on

32 6

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

Top comments (7)

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.

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
 
davidtkeane profile image
David Keane

File, Print.

Collapse
 
ben profile image
Ben Halpern

This really is just the coolest

Collapse
 
thecatfix profile image
John Shelburne

Image description

Cloudinary image

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay