如何测试已发布的Chrome扩展程序

Posted 2021-05-05

当我在本地开发Chrome扩展程序时，其图标位于浏览器操作栏中。当我安装我的扩展程序的已发布版本时，浏览器操作栏中现在有两个相同的图标。有时我不记得哪个是哪个。

如果我打开隐身浏览器标签，我似乎无法加载任何扩展程序。但我想要做的是在沙盒中测试我发布的扩展，我知道我有最新版本。

在开发扩展的同一台机器上测试已发布扩展的最佳方法是什么？

答案

一种方法是在Chrome中使用create a new profile来测试您的本地扩展程序。

您还可以拖放浏览器操作项，这样您就可以将开发扩展一直移动到左侧，将已发布的扩展一直移动到右侧。

另一答案

我目前已经安装了4个版本的Chrome扩展程序：

• 一个从解压缩的源文件加载，用于调试
• 一个从构建目录中的缩小代码加载，用于测试它在日常使用中的速度
• 从Webstore安装的已发布版本
• 从Webstore安装的完全独立的测试版本

正如Matt建议的那样，我已经重新排列了Chrome工具栏上的图标，将缩小版本放在左侧，然后放置源版本，然后放置来自Webstore的版本。

但这仍然有点令人困惑，所以我也改变了构建过程。 manifest.json现在将name和browser_action.default_title字段设置为"My Extension DEV"。此字符串显示在我从源目录加载的版本的工具提示中。

在缩小过程中，我让构建脚本将这些值更改为"My Extension OUT (build time)"，因此我可以看到缩小版本最后一次构建在工具提示中。

实际将缩小的文件打包到.zip文件以上载到Webstore的脚本然后将这些值重置为已发布的扩展应显示的值。

您也可以在运行时更改这些字符串，而不是作为构建过程的一部分。如果你有一个背景页面，它可以调用chrome.management.getSelf()，然后检查响应的installType键。如果它是"development"，那么你可以调用chrome.browserAction.setTitle("DEV")在工具提示中指出它是扩展的解压缩版本。