夜雨聆风学习资料网

ARTICLE · 1057821

我开源了一款 Chrome 插件:网页选区秒变干净 Markdown,精准投喂大模型

我开源了一款 Chrome 插件:网页选区秒变干净 Markdown,精准投喂大模型
山哥好久没更公众号,啥也不说,效果图最直接,直接上图,明白人一看就明白这是干嘛的啦》》》
划词复制截图
浏览器原生边栏截图
看到这里,如果你还有兴趣的继续往下看
总的来说这是一款开源的浏览器插件,用于快速把网页内容转成md并复制

开源地址:https://github.com/weikion/Web2MD-FeedAIChrome 商店一键安装:https://chromewebstore.google.com/detail/bflgldijkjoohnfaldoakljmmchapjhd开源协议: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. 划选复制 + 原生侧边栏联动

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

Web2MD-FeedAI 创新性地结合了原生 SidePanel(侧边栏) 机制:

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

2. 兼容各种非标表格

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

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

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

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

Web2MD-FeedAI 内置 AST 清洗规则:

  • 自动剔除行号噪点,还你一份干净纯粹的代码;
  • 智能推断代码块语言类型(pythontypescriptgolangjson 等),生成带正确高亮标签的 ``` 代码块;
  • 完整保留 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,直接点击官方链接一键添加至浏览器即可: 👉 地址:https://chromewebstore.google.com/detail/bflgldijkjoohnfaldoakljmmchapjhd

方式二:从 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 仓库:https://github.com/weikion/Web2MD-FeedAI
  • 欢迎提交 Issue 和 PR,一起打造最懂 AI 时代生产力的网页提取工具!

相关学习资料