JQuery und Chrome Extension

Question

Oct 18, 2013, 10:29 PM

google-chrome-extension google-chrome jquery html javascript

JQuery und Chrome Extension

Ich versuche, eine Test-Chrome-Erweiterung zu entwickeln, um zu sehen, wie JQuery mit Chrome-Erweiterungen funktioniert. Aus dem bereitgestellten Code denke ich, dass es den Hintergrund des Popups in gelb ändern sollte.

Ich habe versucht, die jquery.js mit einem Inhaltsskript und Hintergrund zu laden. Wenn ich es über den Befehl background scripts lade, wird angezeigt, dass jquery.js geladen wurde.

Hier sind meine Dateien:

manifest.json

    {
  "name": "Hello World!",
  "version": "1.0",
  "manifest_version": 2,
  "description": "My first Chrome extension.",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "js": ["jquery.js", "content.js"]
    }
  ]
}

popup.html

    <html>
  <head>
    <script src='jquery.js'></script>
    <script src='content.js'></script>
  </head>
</html>

content.js

$('a').css({'background-color': 'yellow'});

Ich habe die jquery.js auch in meinem Erweiterungsordner. Wenn mir jemand etwas anderes geben könnte, um zu versuchen, das zum Laufen zu bringen, oder mir ein wirklich gutes Beispiel für eine Chrome-Erweiterung zeigen könnte, die jquery verknüpft, wäre das großartig!