DEV Community

Osama
Osama

Posted on

Document.designMode, What is it?

**Probably you haven’t heard about this weird designMode, according to MDN it’s

document.designMode controls whether the entire document is editable. Valid values are "on" and "off". According to the specification, this property is meant to default to "off". Firefox follows this standard. The earlier versions of Chrome and IE default to "inherit". Starting in Chrome 43, the default is "off" and "inherit" is no longer supported. In IE6-10, the value is capitalized.

simply it’s a feature allow you to edit your pages LIVE without changing the source code, it’s useful to test how your web site/app response to different text sizes or fonts, and it’s main use is when you done styling and you want to write a lot of content and you want to make sure long content doesn’t break your design.**

Image description
Credits : https://dev.to/arbaoui_mehdi/edit-your-website-live-in-google-chrome-by-using-document-designmode-5d9h

thanks to read.

Top comments (0)