document.designMode 这个属性，可以用于控制当前的整个页面是否可以直接被编辑。可以设置的属性值包括 on 和 off 两种。如果设置为 on，那么相当于开启了全页面范围的 contenteditable=true。默认情况下，这个值是 off。
通过开关这个值，非程序员也可以轻松的对当前页面进行简单的修改（主要是文案的部分）。一些简单的需求，PM 和 UX 就可以直接进行尝试，而不需要再借助程序员的帮忙了。当然，对页面“造假”的门槛也变低了。
可以通过下面的按钮来实际体验一下这个功能。
更多的说明及浏览器支持情况（基本可以认为全支持），可以参考 MDN。