用document.designMode解决网页内容复制问题

在网页上遇到一些不好复制的内容时，可以试试打开文档编辑模式，就能像在编辑器里一样选择复制和修改了。

使用方法：

在浏览器控制台中输入

document.designMode='on'

然后按回车

关闭方法：

在控制台中输入

document.designMode='off'

然后按回车

现代浏览器就像一个超级应用，有很多很好用的功能并不广为人知，但是值得被探索和发现。

扩展阅读

Document.designMode

document.designMode?控制整个文档是否可编辑。有效值为?"on"?和?"off"?。根据规范，该属性默认为?"off"?。Firefox 遵循此标准。早期版本的 Chrome 和 IE 默认为?"inherit"?。从 Chrome 43 开始，默认值为?"off"?，并且不再支持?"inherit"。在 IE6 到 IE10 中，该值为大写。

语法

var mode = document.designMode;
document.designMode = "on" || "off";

示例

使一个?<iframe>?的文档可编辑：

JSCopy to Clipboard

iframeNode.contentDocument.designMode = "on";

?欢迎关注微信公众号：文本魔术，了解更多?