返回作品集

MD Clipper

选择正文区域并连续导出开发文档为 Markdown 的 Chrome 插件

介绍视频

截图或视频说明

选择正文区域

先由用户在网页里选择真正需要的文档正文区域,避免整页抓取噪音。

连续采集

开启批量采集后,随着页面跳转自动加入抓取队列并导出 Markdown。

ChromeGitHubREADME

这个插件做什么

MD Clipper 是一个面向 API 文档和开发文档场景的 Chrome 插件。它的工作方式不是整页抓取,而是先由用户在网页里选中真正需要的正文区域,然后在浏览同一套文档页面时,将页面内容连续导出为本地 Markdown 文件。

已有功能

  • 支持在网页中手动选择正文区域
  • 支持复用第一次选择出的 CSS 选择器
  • 支持抓取当前页面并立即导出 Markdown
  • 支持开启批量采集后,随着页面跳转自动加入抓取队列
  • 支持普通页面跳转和大部分 SPA 路由切换
  • 支持将文件保存到 Chrome 默认下载目录下的指定子目录
  • 支持自动使用正文区域内的第一个标题作为文件名
  • 支持给导出文件名前添加顺序编号
  • 支持在 Markdown 顶部追加来源链接和捕获时间

本地加载

  1. 打开 Chrome 的 chrome://extensions/
  2. 开启“开发者模式”
  3. 点击“加载已解压的扩展程序”
  4. 选择当前项目目录
  5. 打开目标文档页面
  6. 点击扩展图标,设置下载子目录
  7. 点击“选择区域”,回到页面选择正文区域
  8. 点击“抓当前页”验证效果,或点击“开始”进入批量采集

项目文件

文件作用
manifest.jsonChrome Extension Manifest V3 配置
background.js队列、下载和状态管理
content-script.js页面选区、内容提取和 Markdown 转换
popup.html/css/js插件弹窗界面
vendor/Turndown 相关运行时脚本
打开 Chrome