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

时间:2018-01-15 01:51:05

标签: google-chrome google-chrome-extension google-chrome-devtools

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

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

在开发扩展程序的同一台计算机上测试已发布扩展程序的最佳方法是什么?

2 个答案:

答案 0 :(得分:3)

一种方法是在Chrome中使用this page来测试您的本地扩展程序。

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

答案 1 :(得分:1)

我目前已经安装了4个正在开发的Chrome扩展程序版本:

  • 从解压缩的源文件加载一个,用于调试
  • 从构建目录中的缩小代码加载一个,用于测试在日常使用中的速度有多快
  • 从网上商店安装的已发布版本
  • 从网上商店安装的完全独立的测试版本

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

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

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

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

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