chrome示例扩展无法正常工作

Question

我已从此链接from chrome site

下载了代码

并试图加载扩展程序，但图像没有加载，并显示一个小矩形框。我试图遵循这个link，但我下载的文件中没有这样的错误。任何人都可以帮助请？

Answer 1

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

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

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

Answer 2

我做了什么：

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

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