chrome示例扩展无法正常工作

Question

我已从Chrome网站的此链接下载了代码

并尝试加载扩展，但图像没有加载，并显示一个小矩形框。我试图按照此链接但我没有下载的文件中出现此类错误。任何人都可以帮忙吗？

Answer 1

快速Google搜索该错误并根据其描述，这是应用程序的Flickr API密钥的问题。 您可以在第25行的示例代码中找到密钥。

searchOnFlickr_: 'https://secure.flickr.com/services/rest/?' +
  'method=flickr.photos.search&' +
  'api_key=90485e931f687a9b9c2a66bf58a3861a&' +

我之前遇到过这个小猫的例子，你必须等到重新激活密钥。 我建议刚刚开始使用另一个简单的示例 ，例如“带有弹出窗口的浏览器操作，可以更改页面颜色”。

Answer 2

我做了什么：

1. 转到“popup.js”，找到查询网址，连接它，将其粘贴到浏览器，发现API密钥已过期
2. 搜索“Flickr API密钥寄存器”，进入注册页面
3. 注册雅虎帐户
4. 使用该Yahoo帐户注册Flickr API密钥
5. 将查询网址中的旧API密钥替换为您刚创建的密钥，并在浏览器中输入该密钥，确认其有效
6. 用新的替换popup.js中的旧API密钥
7. 现在，当您再次单击扩展按钮时，它应显示小猫图片。

找出问题所在并不像你想象的那么难。