零基础：用 AI 制作你的“物流数据自动叉车”

本教程专为美西仓储物流行业办公人员设计。我们将制作一个插件，它能在网页表格上自动浮现一个“下载”图标，点击即可导出 CSV。

1. 核心概念：物流人的类比理解

• Manifest (提单/BOL)：插件的身份证明，告诉浏览器这个货是谁的，有哪些权限。
• Content Script (仓库操作员)：它驻扎在网页里，负责扫描网页上的表格（货物），并贴上“下载”标签。
• CSV (集装箱)：把散乱的网页数据打包成标准格式。

2. 向 AI (Antigravity) 下达指令

复制以下这段 Prompt (提示词) 发送给 AI 助手：

角色： 你是一位 Chrome 插件开发专家。

任务： 帮我编写一个 Manifest V3 版本的插件。

行业背景： 针对物流仓储 WMS 系统的网页表格提取。

功能逻辑：

1. 自动识别： 扫描当前网页中所有的 <table> 标签。
2. 浮动工具栏： 在每个表格的上部，自动生成悬浮的一组按钮：一个是绿色的“导出 Excel (CSV)”按钮，另一个是红色的“关闭”按钮（×）。
3. 关闭逻辑： 用户点击“关闭”按钮后，立即隐藏该表格对应的这组工具栏，且在用户刷新或重新打开页面前，不再为该表格显示这两组图标。
4. 数据处理： 当用户点击导出按钮时，提取该表格内的所有行（tr）和列（td），忽略 HTML 标签，仅保留纯文本。
5. 触发下载： 将提取的数据转换成 CSV 格式，并以“Logistics_Data_当前日期.csv”为文件名自动触发浏览器下载。
6. 样式要求： 悬浮按钮要使用现代物流绿与关闭红配色，显眼但不遮挡表格内容，使用 flex 布局排列。
   输出： 请直接给我 manifest.json 和 content.js 两个文件的代码。

3. 本地部署（开发者模式）

当你拿到 AI 生成的代码后，请执行以下步骤：

1. 创建文件夹：在桌面新建一个文件夹，命名为 Logistics_Table_Tool。
2. 保存文件：
   • 将 AI 提供的第一段代码存为 manifest.json。
   • 将 AI 提供的第二段代码存为 content.js。
   • (注：确保文件名后缀准确，不要存成 .txt)
3. 加载插件：
   • 打开 Chrome 浏览器，访问 chrome://extensions/。
   • 开启右上角的 “开发者模式” (Developer mode)。
   • 点击左上角的 “加载已解压的扩展程序” (Load unpacked)。
   • 选择你刚才创建的 Logistics_Table_Tool 文件夹。

4. 行业应用测试

去你的 WMS 系统（如 HighJump, NetSuite, 或 Amazon 后台）刷新页面。你会发现每个表格上方都出现了一个下载按钮。

5. 进阶：如何“打包”发给同事？

1. 在插件管理页面点击 “打包扩展程序” (Pack extension)。
2. 浏览器会生成一个 .crx 文件（插件实体）和一个 .pem 文件（密钥）。
3. 你可以把 .crx 发给同事，让他们拖进浏览器即可安装（需开启开发者模式）。