一键让网页内容可选中、可复制，甚至还可以编辑修改

by 穿卡芦苇 ｜ #复制 #网页

添加功能按钮到浏览器

将此链接「网页可编辑」拖放到浏览器书签栏，打开某个网页，然后点击书签栏的这个「网页可编辑」，即可解锁网页的内容可复制、可编辑（删除和添加）页面文字。

由于使用了 HTML5 API，太老的浏览器可能无效。

原理

是在当前页面执行了一段 Javascript 代码：

(function(){
document.body.contentEditable=true; //页面可编辑
document.body.outerHTML=document.body.outerHTML; //去除所有元素所有事件，为了不被拦截 copy 事件
})();

在浏览器的 JavaScript 控制台执行这段代码效果一样。

  • 如何打开浏览器的 JS 控制台？
    • Chrome 快捷键 alt+cmd+j
    • Safari 快捷键 alt+cmd+c
    • Firefox 快捷键 alt+cmd+k

      Windows 系统用 ctrl 键代替 cmd 键。


（正文结束。芝士就是力量！）