返回知识库

浏览器插件 · 权限与发布

本地加载与调试Load Unpacked

在 chrome://extensions 打开开发者模式,加载含 manifest.json 的文件夹就能本地试用;改完代码要点刷新,报错原文在扩展卡片的「错误」和对应的控制台里。

把 AI 写好的扩展装进自己的 Chrome

第 0 步是在地址栏打开 chrome://extensions。下面就是这一页:打开开发者模式、选对文件夹、改完代码点刷新、打开错误把原文复制给 AI,再刷新验收。

chrome://extensions
扩展程序

打开开发者模式后,才能加载自己做的扩展。

  • 后台扩展卡片的「错误」或「Service Worker」
  • 弹出页在弹窗上右键 → 检查
  • 内容脚本目标网页按 F12 → 控制台

第 0 步:在地址栏输入 chrome://extensions 打开这一页。下一步:打开右上角的「开发者模式」。

知识点:开发时的三个动作

装上、刷新、看报错,刚才都做了一遍。

  • 本地加载不用上架:chrome://extensions → 开发者模式 → 加载已解压的扩展程序。
  • 要选根目录里直接有 manifest.json 的文件夹,不是子文件夹,也不是压缩包。
  • 改了代码要点扩展卡片上的刷新;改了内容脚本还要刷新目标网页。
  • 后台报错在扩展卡片的「错误」里;弹出页右键检查;内容脚本的报错在网页自己的控制台。

什么时候用、怎么把报错交给 AI

每次 AI 说「改好了」,你都要在这里亲手验一次。

  • 适合:开发、自测、给同事内部试用(让对方按同样步骤加载文件夹)。
  • 不适合:发给普通用户长期使用——对方也得开开发者模式、每次手动换新文件夹,正式分发要走商店。
  • 有些 AI 项目要先构建:让 AI 写清楚该加载的是 dist/ 还是根目录。
  1. 问 AI:「我该加载哪个文件夹?完整路径是什么?」
  2. 加载后打开目标网页实际操作一遍。
  3. 有问题就点「错误」或打开对应的控制台,复制完整报错原文。
  4. 把报错和「我做了什么、看到了什么」一起发给 AI;改完点刷新再验。

正反例:AI 说「右键菜单加好了」

同样是验收,差别在有没有先刷新、有没有带报错。

正例点刷新 → 刷新网页 → 复制错误原文

你发给 AI 的是「background.js:12 报 contextMenus 未定义」,它一眼看出缺权限。

反例不点刷新,直接说「还是不行」

浏览器里跑的还是旧代码。AI 只能猜,越改越乱。

快速自测

AI 说改好了弹出页的样式,你打开弹窗还是老样子。最先做什么?

继续查证

术语的技术定义和行为以这些一手或权威资料为准。

下一步学

和本知识点经常一起出现的概念。