怎么发布一个浏览器扩展程序？

最近，我们在 Chrome 扩展商城上发布了一个新的扩展程序——《哔哩哔哩多账号工具》。这是一个用来同时登录多个账号，并自由切换的工具。

https://aidbodev.com/zh/bilibili-multi-account/

这是我们第一次发布 Chrome 浏览器扩展，所以想要将相关的流程和注意点整理并分享出来。 

开发扩展

这部分不是本文的重点，于是就跳过了。顺便推荐一下 vitesse-webext 脚手架，熟悉 Vue 的开发者们可以尝试一下，这也是我们开发哔哩哔哩多账号工具所使用的。

注册 Chrome 开发者账号

提前准备

1.  Google 账号
2. 可以支付美元的银行卡或信用卡

进入应用商店：https://chrome.google.com/webstore/category/extensions。点击右上角的⚙️按钮，点击开发者信息中心。然后进入其中填写信息，并支付5美元。

交易者声明：这块因为我们发布的是免费程序，所以选择了非交易账号。

上传扩展

提前准备

1. 打包好的 zip 包
2. 一段说明文字
3. 128x128 像素的图标，注意边缘的留白，具体参考https://developer.chrome.com/docs/webstore/images/#icons
4. 1280x800 或 640x400 像素的JPEG 或 24 位 PNG（无 alpha 透明层）的扩展程序截图 1-5张，用于展示扩展程序功能介绍
5. 使用各个权限的理由文字，这部分我们都是一句话简单讲讲

上传新内容：将扩展程序打包，将其中的 zip 文件上传。平台会自动识别 manifest 文件中的各项信息。然后按照步骤填入之前准备的信息。

然后就是等待审核通过了。

等待审核

首次审核时间比较长，特别是 host_permissions 使用了通配符的广泛网络权限。

这也导致了我们初次审核被拒绝。所以各位如果想要通过审核，一定要注意这个权限的设置，这也是为了限制扩展程序做出超出预期的行为。

在修改完后，我们进行过两次提交审核。都是在一天之内通过的。这两次都是在工作日进行，听说周末可能不会进行审核，第一次时间长我估计也有这个原因。

 

发布成功

审核结果都是通过电子邮件通知的，所以最好提交准备好接收邮件。

内容比想象中少，不过如果能帮助到各位，就很好。如果你还有任何问题，欢迎在下面评论。如果我们看到，会尽快回复的。