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

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

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

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

如何启用它?打开DevTools控制台,然后输入:

document.designMode = 'on'

通过启用可以触发相同的结果contentEditablebody元素,如下所示:

document.body.contentEditable = true

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

designMode in action

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

document.designMode = 'off'

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

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


更多浏览器教程: