做了一款专为投喂 AI 优化的网页转 Markdown 扩展：攻克复杂非标表格、行号噪点与 Token 浪费

孤独的强迫症患者
5 阅读5分钟

在这里插入图片描述

开源地址：github.com/weikion/Web…
Chrome 商店一键安装：chromewebstore.google.com/detail/bflg… 开源协议：Apache-2.0 免费商用 | 运行环境：100% 本地单机离线运行，零隐私风险

不知道大家在日常使用 ChatGPT、Claude、DeepSeek、Kimi 等大模型时，有没有经历过这些让人崩溃的瞬间：

  1. 表格瞬间散架：看到技术文档或研报里有张好表，一复制粘贴，Markdown 结构全散架，所有数据缩成一团浆糊；
  2. 代码夹带“私货”：复制网页里的代码块，每行前面密密麻麻的行号 1, 2, 3... 也被抓进去了，AI 理解起来极容易报错；
  3. 公式全变乱码：维基百科或学术论文里的 LaTeX 数学公式，复制出来全是一串看不懂的实体字符；
  4. Token 白白浪费 70%：本想让 AI 总结网页核心内容，结果网页顶部的几十个导航菜单、底部的版权声明、侧边栏的相关推荐全粘进去了，几千 Token 的额度全在为“垃圾数据”买单！

为了彻底终结这些痛点，我们打造并开源了一款专注生产力与 AI 投喂体验的浏览器插件——Web2MD-FeedAI！

🎯 核心杀手锏：它比普通转换工具强在哪里？

1. 划选即转 + Chrome 原生侧边栏联动（零遮挡、超顺滑）

以前使用划选工具，页面中间总会弹出一个大弹窗遮挡阅读。

Web2MD-FeedAI 创新性地结合了 Chrome 原生 SidePanel（侧边栏） 机制：

  • 鼠标在网页划选任意内容，光标旁静默浮现精美小胶囊工具条；
  • 智能感知模式：当你右侧已经打开了侧边栏，页面上不会弹出任何浮窗打扰，选中的内容会自动、静默、毫秒级同步到右侧编辑器中！
  • 独立视口对照阅读，左边看原网页，右边看转换后的 Markdown 和渲染效果，边看、边改、边复制。 在这里插入图片描述

在这里插入图片描述

2. 专治各种“顽固”非标表格，绝不破损撕裂

很多前端开发文档（如 Slate.js、腾讯云 API 文档）使用的都是没有 <thead>、或者首行标记为 <td class="is-header"> 的非标准表格，普通转换工具一碰就烂。

  • 自适应表头推断：无论表格多奇葩，都能准确识别出表头与数据行；
  • 单元格内多行换行保护：自动将单元格内的换行转换为 GFM <br>，杜绝表格整列错位；
  • 残缺片段自动补全：哪怕你手抖只划选了表格里的某两行（孤立的 <tr>），它也能自动补全包裹成一张标准的 Markdown 表格！

3. 代码行号智能剥离 + 语言自动推断

网页代码块经常包含两列：一列行号，一列代码。普通复制会把 1 2 3 跟代码混在一起。

Web2MD-FeedAI 内置 AST 清洗规则：

  • 自动剔除行号噪点，还你一份干净纯粹的代码；
  • 智能推断代码块语言类型（python、typescript、golang、json 等），生成带正确高亮标签的 ```代码块；
  • 完整保留 LaTeX / KaTeX / MathJax 数学公式语法（$f(x)$ 和 $$...$$）。

4. 智能提取整页正文，怒省 70% AI 上下文 Token

不仅支持划选局部，如果你想把整篇几万字的文章喂给 AI：

  • 点击侧边栏的 “整页正文提取”；
  • 深度集成 Mozilla Readability 工业级阅读算法，瞬间剥离导航栏、侧边悬浮窗、相关推荐和底栏页脚；
  • 纯净的核心正文瞬间呈现，实时估算 GPT-4o / Claude 3.5 / DeepSeek 的 Token 消耗，不给大模型喂一丁点冗余废话！

在这里插入图片描述

5. 跨域 <iframe> 深度穿透与相对链接补全

很多技术文档（如 Notion 嵌入页、飞书文档、语雀、云平台沙箱）都嵌套在 <iframe> 内部，普通插件根本无法跨层级划选。

  • Web2MD-FeedAI 具备全框架穿透能力，内部选区精准捕获；
  • 自动将相对 URL 和相对图片路径转化为完整的绝对链接（https://...），防止 AI 在联网检索核验时遭遇 404 困扰。

6. 100% 本地运行，隐私零风险

市面上不少工具把你的剪贴板上传到第三方后端清洗。作为一款开发者工具，隐私安全是第一底线：

  • 零网络请求：所有 DOM 解析、正则清洗、Markdown 渲染全在你的浏览器本地单机完成；
  • 哪怕是公司内网系统、未发布的保密文档、个人知识库，都可以放心大胆使用！

在这里插入图片描述

🛠️ 怎么安装使用？

方式一：Chrome 官方应用商店一键安装（推荐）

如果你能访问 Chrome Web Store，直接点击官方链接一键添加至浏览器即可：
👉 Web2MD-FeedAI Chrome 商店页面

方式二：从 GitHub Release 离线加载

  1. 前往 GitHub Releases 页面下载最新的 Web2MD-FeedAI-v1.2.1.zip；
  2. 打开 Chrome / Edge 浏览器，进入扩展管理页（chrome://extensions/）；
  3. 开启右上角的 “开发者模式”；
  4. 点击 “加载已解压的扩展程序”，选择解压出的文件夹；
  5. 把扩展图标固定在浏览器右上角，随时点击开启侧边栏！

💡 常用场景与工作流推荐

  • 🧑‍💻 开发者读文档：打开官方 API 页面，划选关键参数表格，直接粘贴到 Cursor / Copilot / ChatGPT 里写代码，表格不花、代码无行号；
  • ✍️ 知识库整理：把网上优质技术文章整页提取为 Markdown，直接扔进 Obsidian、Notion 或 Logseq；
  • 📊 学术研报速读：划选公式与统计表，一键复制后让 DeepSeek 帮你推导公式、解读数据趋势。

🌟 开源与共建

本项目完全开源，遵循 Apache-2.0 协议。如果你觉得它为你节省了时间与 Token，欢迎前往 GitHub 给项目点个 ⭐ Star 支持一下！

  • 💻 GitHub 仓库：github.com/weikion/Web…
  • 欢迎提交 Issue 和 PR，一起打造最懂 AI 时代生产力的网页提取工具！
avatar
文章
阅读
粉丝