复制网页上的文本

发表于 更新于 分类于 本文字数： 236 阅读时长 ≈ 1 分钟

在当前网页按下 F12，转至 Console 输入并回车：[1]

1
2
3
4
// 设置文档body元素内容可编辑性为 true
javascript:document.body.contentEditable='true'
// 打开文档设计模式
document.designMode='on'

便可操作网页中的文本 (如删除，剪切，粘贴，输入操作)[2]

  1. MDN 的 HTMLElement.contentEditable 与 Document.designMode 文档分别说明：元素可通过 contentEditable 进入可编辑状态，整个 document 可通过 designMode 控制是否可编辑；这支撑正文中“在 Console 临时开启页面可编辑状态”的技巧：https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/contentEditable、https://developer.mozilla.org/en-US/docs/Web/API/Document/designMode。 ↩︎

  2. contentEditable / designMode 改变的是页面内容的编辑状态，适合临时操作和手动选择文本；它不等同于产品级剪贴板 API。真正写入系统剪贴板应优先评估 Clipboard API，选区辅助则属于 Selection API：https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API、https://developer.mozilla.org/en-US/docs/Web/API/Selection。 ↩︎