如何复制网页上不能复制的文字?我已经用 AI 插件解决了(AI OCR + Markdown)

99 阅读3分钟

结论先说:网页上不能复制的文字,我已经解决了。
不用扒 DOM、不用切微信、不用折腾开发者工具,只需要在浏览器里截图一下。

如果你正在搜索:

  • 如何复制网页上不能复制的文字
  • 图片形式的网页文字怎么转成可编辑文本
  • PDF / Canvas / 禁止选择的页面怎么复制内容

那你要找的,基本就是下面这个方案。

一、为什么有些网页的文字就是复制不了?

常见情况包括:

  • 文档类网站,禁用选择 / 右键
  • 图片形式渲染的内容(PDF 预览、扫描文档)
  • 前端通过 Canvas / SVG 渲染文字
  • 企业后台、数据平台,复制直接被拦截
  • 甚至:复制了,粘贴出来是乱码或空的

这时候你可能试过:

  • 打开开发者工具扒 DOM
  • 查看源代码
  • 用微信 / 飞书截图识字
  • 截图 → 打开 APP → 识别 → 复制 → 回浏览器

但说实话,这一整套流程非常打断心流

二、截图 OCR 本来就能解决,但问题是:太割裂了

微信、飞书确实都支持截图 OCR,但它们的问题是:

  • ❌ 不在浏览器里
  • ❌ 要切应用
  • ❌ 识别结果是“纯文本”,格式全没了
  • ❌ 对代码、表格、列表不友好

而我真正想要的是:

在浏览器里,看到复制不了的地方 → 截图 → 直接拿到可用文本

最好还能:

  • 保留结构
  • 能粘到 Markdown / 文档 / 编辑器里继续用

三、我的解决方案:浏览器插件里的截图 OCR(转 Markdown)

基于这个需求,我做了一个浏览器插件:Precise OCR

它的核心思路很简单:

复制不了的网页 → 插件截图 → OCR → 直接生成 Markdown 文本

它是怎么工作的?

简单说流程是:

  1. 在浏览器中 框选截图
  2. 插件将截图发送到后端
  3. 后端调用 AI识图能力
  4. 将识别结果整理为 结构化 Markdown
  5. 结果直接回到插件侧,可复制

也就是说:
不是“本地 OCR” ,而是通过后端调用高质量视觉模型完成识别。

四、为什么“集成在浏览器插件里”很重要?

这是我觉得和微信 / 飞书 OCR 最大的区别

心流真的很重要

对比一下:

传统方式:

浏览器 → 截图 → 切微信 → OCR → 复制 → 切回来 → 粘贴

插件方式:

浏览器 → 截图 → 复制 → 粘贴

少了不止一步,而是整个注意力都不需要离开浏览器

如果你是:

  • 开发者
  • 产品 / 运营
  • 经常查资料、抄文档、整理内容的人

你会非常明显地感受到这个差别。

五、适合哪些场景?

目前我自己用得最多的是这些:

  • 📄 复制文档网站中无法选择的内容
  • 🖼 图片化页面 / 扫描 PDF
  • 📊 表格截图转为 Markdown 表格
  • 💻 技术文档 / 代码截图转文本(再手动微调)
  • 🧠 快速把“看到的内容”变成“能编辑的内容”

六、关于隐私和实现的一点说明

简单说几点你可能会关心的:

  • 插件 不会常驻抓取页面内容
  • 只有在你主动截图时才会发请求
  • 请求是图片 → 识别 → 返回文本
  • 不做页面监听、不注入分析脚本

如果你是技术背景,看网络请求也能一眼看明白。

七、插件体验地址

👉 插件主页(含演示):
👉 ocr.gamebus.online/

目前主要解决一个问题:
“如何把网页上复制不了的文字,快速变成可用文本。”

如果你对 AI 工具、浏览器插件、vibe coding 感兴趣,欢迎试用。

八、最后

这不是一个“革命性”的功能,但它确实解决了一个非常具体、非常高频、但一直有点别扭的问题

如果你也有类似痛点,欢迎试用、提建议 😂
目前还在测试阶段,我会继续把它打磨成一个真正顺手的工具。