如何使一个页面在浏览器中可编辑

浏览器中有一种特殊的、漂亮的秘密模式，叫做设计模式。

在浏览器中，有一种特殊的、漂亮的秘密模式，叫做设计模式。

当你将一个页面设置为设计模式时，你可以直接在浏览器页面内编辑页面的内容，这对于测试一些原型或检查新的标题是非常方便的，比如说。

如何启用它呢？打开DevTools控制台，然后输入。

document.designMode = 'on'

在body 元素上启用contentEditable ，也可以触发同样的结果，像这样。

document.body.contentEditable = true

你可以编辑文本，删除文本，也可以拖动图片来调整它们的位置。

你可以通过以下方式关闭该模式

document.designMode = 'off'

几乎所有的浏览器都支持这一功能，包括IE。它相当古老，但相当不为人知。