想让网页变的可编辑，一招搞定

前序

在日常开发中，可能会遇到截图页面的场景，有时页面有些内容不符合要求，需要进行一些数值或内容的修改。如果你会PS，修改内容难度不高，如果你是前端，打开控制台也能通过修改dom的方式进行 简单的文字修改 和 图片增加or删除的改动。

今天，我就来分享一个冷门又实用的前端技巧 —— 只需一行 JavaScript 代码，让任何网页瞬间变成可编辑的！ 先看看效果

插入图片等媒体内容也是可以的

实现

这么NB的功能，只需要在控制台输入一句代码：

document.designMode = "on";

关闭此功能:

document.designMode = "off";

document.designMode 控制 整个文档是否可编辑。
有效值为 “on” 和 “off”。根据规范，该属性默认为 “off”。

拓展

如果想编辑 Iframe嵌套的页面：

iframeNode.contentDocument.designMode = "on";

这么好玩的功能，赶紧试试吧。 专治那些不让复制的网站！