展开本页目录
开始前准备什么
- 先下载并解压本题工程，在独立练习目录保留starter、reference和原始输入。
- 本地参考主要需要Python 3与现代桌面浏览器；涉及Chrome扩展、LibreOffice、Git时按本文单独要求准备。
- 目标工具账号、模型额度与平台导入能力由读者另行确认；本文实际运行范围见执行记录，不自动调用付费服务。
- 解压starter
- 让Claude Code先生成Manifest V3与工具栏动作
- 实现用户点击后获取当前选区、网页标题、URL和捕获时间
- 实现扩展storage保存、删除单条与Markdown/JSON导出
- 在Chrome扩展页加载未打包目录
- 刷新文章、切换另一页、重新打开弹窗
- 实际下载Markdown
starter、七步任务、原始输入、人工完成的可运行参考、真实运行结果与独立验收；不含账号、数据库或缓存。
原生账号任务、本地工程运行和官方示例分开说明。
1. 解压starter
解压starter，在独立示例目录打开Claude Code，确认两页文章与摘录字段要求。
starter/extension 可加载但按钮仍待实现；reference/extension 是本站人工完成版本。打开 article-1.html 与 article-2.html，每页标题不同。
2. 让Claude Code先生成Manifest V3与工具栏动作
让Claude Code先生成Manifest V3与工具栏动作，只申请任务所需权限。
manifest.json 使用 activeTab、scripting、storage。为自动化本地夹具另有仅 http://127.0.0.1/* 的host权限，不是永久全站授权；在真实网页上由工具栏点击获得的activeTab授权需自己另验。
3. 实现用户点击后获取当前选区、网页标题、URL和捕获时间
实现用户点击后获取当前选区、网页标题、URL和捕获时间。
在文章中用鼠标选择含 strong 元素的句子，点击扩展的“保存当前选区”。记录 text/title/url/capturedAt；只提取选区，不扫描整站。
4. 实现扩展storage保存、删除单条与Markdown/JSON导出
实现扩展storage保存、删除单条与Markdown/JSON导出。
用 chrome.storage.local 保存 highlights 数组。再次点击同一选区应提示“已经保存”，删除按钮只移除对应一项。
5. 在Chrome扩展页加载未打包目录
在Chrome扩展页加载未打包目录，进入本地文章实际划选三条。
打开Chrome扩展管理页，启用开发者模式并加载reference/extension。普通工具栏入口自动取当前标签；带tab参数的入口只供本地夹具自动化选择已知标签。
独立目录练习命令
python3 -m http.server 8073 --directory reference6. 刷新文章、切换另一页、重新打开弹窗
刷新文章、切换另一页、重新打开弹窗，检查摘录状态和出处。
同一标签导航到第二页后再选择另一段；重开扩展页面检查三条记录的URL仍指向各自文章。受限chrome://页应显示无法读取提示。
7. 实际下载Markdown
实际下载Markdown，用原文章回读；运行重复点击和空选区回归。
导出 highlights.md 与 highlights.json，真实打开下载文件。本文实测本地权限下的MV3注入、选区捕获、保存、重复拒绝、重开与单项删除；未把自动化入口写成工具栏授权测试。
怎样确认已经完成
- 两页三条摘录的原文、标题、URL逐项一致；中文引号和换行保留。
- 刷新/关闭弹窗后记录可恢复，删除只影响选中记录；无选区时给出明确提示。
- 权限清单无全站永久访问；受限页得到可理解提示，Markdown下载真实可打开。
常见问题
不懂插件开发，能让AI做一个网页划重点工具吗？
manifest.json 使用 activeTab、scripting、storage。为自动化本地夹具另有仅 http://127.0.0.1/* 的host权限，不是永久全站授权；在真实网页上由工具栏点击获得的activeTab授权需自己另验。 打开Chrome扩展管理页，启用开发者模式并加载reference/extension。普通工具栏入口自动取当前标签；带tab参数的入口只供本地夹具自动化选择已知标签。
网页划线内容怎么连同标题和链接一起保存？
用 chrome.storage.local 保存 highlights 数组。再次点击同一选区应提示“已经保存”，删除按钮只移除对应一项。 导出 highlights.md 与 highlights.json，真实打开下载文件。本文实测本地权限下的MV3注入、选区捕获、保存、重复拒绝、重开与单项删除；未把自动化入口写成工具栏授权测试。
下载包哪些内容已实际运行，哪些需要自己在原生工具中验证？
已实跑可加载MV3扩展、本地选区读取、跨页出处、存储重开、去重和单项删除；工具栏临时授权和Claude Code会话未执行。 官方图片只证明所标入口或设置，不是本站原生任务执行截图。