Chrome 浏览器插件项目代码初始化脚手架

更新日期: 2025-03-12 阅读次数: 22 字数: 323 分类: 浏览器

从 edge 官方文档上看,说 edge 完全兼容 chrome 插件,那么就以 chrome 的脚手架创建插件项目。

因为从头新建项目时,用 claude 3.7 自动生成的浏览器插件项目,图标文件无法自动生成,导致插件运行不起来。 但是我由于是第一次开发浏览器插件,不知道问题出在了哪里,所以,需要去 chrome 官方文档照着走一遍,熟悉一下。

官方初始化文档

https://developer.chrome.com/docs/extensions/get-started/tutorial/hello-world?hl=zh-cn

浏览器市场占有率

尽管 Edge 在中国桌面浏览器市场超越了 Chrome,但其全球市场份额仍然较低。Edge 在全球范围内的市场份额仅为 13.2%,远低于 Chrome 的 66.88%。

所以从市场占有率的角度,优先支持 Chrome 也是合理的。虽然我现在在电脑和手机上用的都是 Edge。

⌨️ 测试

  • 打开 Chrome 浏览器,访问 chrome://extensions/ (如果是 edge,则是 edge://extensions/)
  • 启用 "开发者模式"
  • 点击 "加载已解压的扩展程序" 并选择项目文件夹

如果更新了代码,需要点击插件列表中的更新按钮。

自动化

后续用 go 写个本地的初始化脚手架能提升效率,但是也没有几个浏览器插件需要开发哇 😅

微信关注我哦 👍

大象工具微信公众号

我是来自山东烟台的一名开发者,有感兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式