Verwenden von jQuery mit Inhaltsskript und Chrome-Erweiterung

Ich versuche, eine Chrome-Erweiterung zu erstellen, die eine kleine Eingabe aufzeigt, wenn ein Benutzer Text auf der Seite hervorhebt (ähnlich wie bei Tweet auf Text-Hervorhebungsfunktion von Medium).Verwenden von jQuery mit Inhaltsskript und Chrome-Erweiterung

Ich mache Fortschritte, aber würde es viel einfacher finden, jQuery (anstatt Vanille JS und XHRs) zu verwenden.

Ich habe ein paar Posts darüber gesehen, dass jQuery im Manifest benötigt wird, und ich habe es auf viele verschiedene Arten ohne Erfolg versucht.

Ich habe ein Manifest (unten), ein contentscript.js und dropdown.js (die Datei, die ich auf die Seite injizieren möchte).

{ 
    "name": "na", 
    "version": "1.0", 
    "manifest_version": 2, 
    "description": "na", 
    "homepage_url": "na", 
    "content_scripts": [{ 
     "js": ["jquery.js", "contentscript.js"], 
     "matches": ["https://github.com/*"] 
    }], 
    "web_accessible_resources": ["jquery.js","dropdown.js"] 
}

Jede Hilfe wäre sehr willkommen!

Quelle

2016-07-22 McD

1. Legen Sie die Dateien in „content_scripts“ -> "js" -Feld, Sie benötigen in diesem Fall keine "web_accessible_resources". Und bitte posten Sie alle Fehler, die Sie getroffen haben, und warum glauben Sie, dass es gescheitert ist? 2. vanilla JS hat viele Dinge wie querySelector und querySelectorAll zum Abfragen von Elementen mit Selektoren unterstützt und versucht, ['fetch'] (https://developers.google.com/web/updates/2015/03) zu verwenden/Einführung-zu-holen? hl = en) anstelle von Ajax. –

Github fügt einige Inhalte dynamisch hinzu, daher sollten Sie neben einer ausführlicheren Beschreibung des Problems den entsprechenden Code hinzufügen: wie dropdown.js eingefügt wird, was drin ist. – wOxxOm

Angenommen, Sie haben jquery.js im Hauptordner, dann sollte die Art, wie Sie Ihr Manifest geschrieben haben, funktionieren. Ich vermute, dass Sie entweder die jQuery-Datei im Hauptordner nicht haben (vielleicht ist es in einem Skript-Ordner, in diesem Fall sollten Sie auf den Speicherort des Verzeichnisses verweisen: scripts/jquery.js, zum Beispiel) oder dass der Name falsch ist (vielleicht ist es jquery.min.js).

Wenn Sie nicht jQuery heruntergeladen haben, würde ich die Google hosted library in Ihrem Manifest Referenzierung empfehlen (in der gleichen Position, die Sie zur Zeit haben es angedeutet)

{ 
    "name": "na", 
    "version": "1.0", 
    "manifest_version": 2, 
    "description": "na", 
    "homepage_url": "na", 
    "content_scripts": [{ 
     "js": ["https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js", "contentscript.js"], 
     "matches": ["https://github.com/*"] 
    }], 
    "web_accessible_resources": ["dropdown.js"] 
}

Quelle

2016-07-22 18:00:19 Jay

Verwenden von jQuery mit Inhaltsskript und Chrome-Erweiterung

Antwort

Verwandte Themen