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. 現在，當您再次單擊擴展按鈕時，它應顯示小貓圖片。

找出問題所在並不像你想象的那么難。