Chrome Has a Document Design Mode | Hacker News Reader

Chrome Has a Document Design Mode

dev.to

Is this different than

  document.querySelector("html").contentEditable = true;

?

Yes. This is like editable text for any text on the screen enabled.

But that's what contentEditable already does?

Right. Turning this mode on makes everything contentEditable so you can change up a website.

For example, let's say your making mockups and want to change some text. This lets you do that really quickly.

Yes, we heard you the first time. The code snippet kn0where posted has the same effect. :)

I looked into this some more, and I think the actual difference between `document.documentElement.contentEditable` and `document.designMode` is subtle and probably mostly just in principle: since contentEditable is set on elements, someone with only access DOM access could potentially toggle it. But someone with only DOM access cannot turn `document.designMode` off.

This is not specific to Chrome.

`document.designMode` is a web standard and is supported by Firefox, Safari, IE, etc.

https://developer.mozilla.org/en-US/docs/Web/API/Document/de...

Reply on news.ycombinator.com