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

浏览器中有一个特殊且非常秘密的模式，称为设计模式。

浏览器中有一个特殊且非常秘密的模式，称为设计模式。

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

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

document.designMode = 'on'

通过启用可以触发相同的结果contentEditable在body元素，如下所示：

document.body.contentEditable = true

您可以编辑文本，将其删除，也可以拖动图像来重新定位它们。

designMode in action

您可以通过使用以下方式关闭模式

document.designMode = 'off'

几乎所有包括IE在内的浏览器都支持此功能。它已经很旧了，但是还不为人所知。

免费下载我的JavaScript初学者手册


更多浏览器教程：


在线技术百科！