extension javascript Chrome ne fonctionne pas

Je viens de commencer la construction de l'extension chrome en regardant example here:extension javascript Chrome ne fonctionne pas

de Google, je l'ai fait exactement la même chose comme mentionné ci-dessus. Bien que je puisse voir tout ce que j'écris dans le corps de mon popup.html, il semble qu'aucune section du popup.js ne fonctionne. Je suppose que javascript ne fonctionne pas pour mon extension chrome. Je crois que j'ai suivi le CSP de Google mais quand même. Merci d'avance.

popup.html

<!doctype html> 
<html> 
    <head> 
    <title>Getting Started Extension's Popup</title> 
    <style> 
     body { 
     min-width: 357px; 
     overflow-x: hidden; 
     } 

     img { 
     margin: 5px; 
     border: 2px solid black; 
     vertical-align: middle; 
     width: 75px; 
     height: 75px; 
     } 
    </style> 

    <!-- 
     - JavaScript and HTML must be in separate files: see our Content Security 
     - Policy documentation[1] for details and explanation. 
     - 
     - [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html 
    --> 
    <script src="popup.js"></script> 
    </head> 
    <body> 
    </body> 
</html>

POPUP.JS

var QUERY = 'Kittens'; 

var kittenGenerator = { 
    /** 
    * Flickr URL that will give us lots and lots of whatever we're looking for. 
    * 
    * See http://www.flickr.com/services/api/flickr.photos.search.html for 
    * details about the construction of this URL. 
    * 
    * @type {string} 
    * @private 
    */ 
    searchOnFlickr_: 'https://secure.flickr.com/services/rest/?' + 
     'method=flickr.photos.search&' + 
     'api_key=90485e931f687a9b9c2a66bf58a3861a&' + 
     'text=' + encodeURIComponent(QUERY) + '&' + 
     'safe_search=1&' + 
     'content_type=1&' + 
     'sort=interestingness-desc&' + 
     'per_page=20', 

    /** 
    * Sends an XHR GET request to grab photos of lots and lots of kittens. The 
    * XHR's 'onload' event is hooks up to the 'showPhotos_' method. 
    * 
    * @public 
    */ 
    requestKittens: function() { 
    var req = new XMLHttpRequest(); 
    req.open("GET", this.kittensOnFlickr_, true); 
    req.onload = this.showPhotos_.bind(this); 
    req.send(null); 
    }, 

    /** 
    * Handle the 'onload' event of our kitten XHR request, generated in 
    * 'requestKittens', by generating 'img' elements, and stuffing them into 
    * the document for display. 
    * 
    * @param {ProgressEvent} e The XHR ProgressEvent. 
    * @private 
    */ 
    showPhotos_: function (e) { 
    var kittens = e.target.responseXML.querySelectorAll('photo'); 
    for (var i = 0; i < kittens.length; i++) { 
     var img = document.createElement('img'); 
     img.src = this.constructKittenURL_(kittens[i]); 
     img.setAttribute('alt', kittens[i].getAttribute('title')); 
     document.body.appendChild(img); 
    } 
    }, 

    /** 
    * Given a photo, construct a URL using the method outlined at 
    * http://www.flickr.com/services/api/misc.urlKittenl 
    * 
    * @param {DOMElement} A kitten. 
    * @return {string} The kitten's URL. 
    * @private 
    */ 
    constructKittenURL_: function (photo) { 
    return "http://farm" + photo.getAttribute("farm") + 
     ".static.flickr.com/" + photo.getAttribute("server") + 
     "/" + photo.getAttribute("id") + 
     "_" + photo.getAttribute("secret") + 
     "_s.jpg"; 
    } 
}; 

// Run our kitten generation script as soon as the document's DOM is ready. 
document.addEventListener('DOMContentLoaded', function() { 
    kittenGenerator.requestKittens(); 
});

manifest.json

{ 
    "manifest_version": 2, 

    "name": "WikiConnect", 
    "description": "This extension demonstrates a 'browser action' with kittens.", 
    "version": "1.0", 

    "browser_action": { 
    "default_icon": "icon.png", 
    "default_popup": "popup.html" 
    }, 
    "permissions": [ 
    "https://secure.flickr.com/" 
    ], 

    "web_accessible_resources": [ 
    "notification.html","popup.html","popup.js" 
    ] 
}

Source

2013-04-02 shank

Si vous publiez votre code, je peux vous aider à le fixer. – BeardFist

@BeardFist, Merci d'avance l'homme. Un problème très simple mais aucune idée. – shank

Bon, solution simple et agréable

changement:

req.open("GET", this.kittensOnFlickr_, true);

Pour:

req.open("GET", this.searchOnFlickr_, true);

Source

2013-04-02 18:21:01 BeardFist

Merci beaucoup :) – shank

extension javascript Chrome ne fonctionne pas

Répondre

Questions connexes