用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";

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