Chrome-Erweiterung auf `run_at` `document_start` läuft zu schnell?

EDIT: Etwas falsch war mit meinem Chrome-browser und erstellen einen Konflikt mit meinem Skript, eine komplette Neuinstallation beseitigt, was die Ursache war. Wenn ich passieren, um herauszufinden, was verursacht wurde, werde ich es in hier.

EDIT2: Nur damit jemand der Lektüre dieses im Jahr 2017 wissen, dass ich noch nicht vergessen und ich habe nie dieses problem hatte, da meine vorherigen Bearbeiten.

EDIT3: Es ist 2019 und so weit ich ' ve hatte nie dieses problem wieder.

Habe ich gelernt, wie eine einfache Chrome-Erweiterung, die ein userscript port. Das script funktioniert perfekt mit Tampermonkey mit der Einstellung run at zu document-start alle erforderlichen Ereignisse, die müssen gefangen werden, von Anfang an sind alle gefangen genommen.

Jedoch, wenn ich die gleichen Einstellungen in der Chrome-Erweiterung habe ich entdeckt, dass die gleiche ausgeführte Einstellung ist schneller als Tampermonkey ist, die bewirkt, dass die erste Funktion zu scheitern: ( Uncaught TypeError: Cannot call method 'appendChild' of null. ), da es versucht, fügen Sie ein script-element, um die head Abschnitt, der nicht vorhanden ist, bis 0.010 s später.

My dirty Lösung war bisher die Verwendung einer setInterval - Funktion mit dem timer auf 10 gesetzt, um zu überprüfen, ob document.head vorhanden ist, und fahren Sie dann mit dem code, wenn die Bedingung wahr ist.

Gibt es irgendeine Möglichkeit, dass ich diese Arbeit machen richtig die zimmerreserviereung, ohne das resort zu setInterval oder vielleicht replizieren Tampermonkey ist grant none option, die angezeigt wird ausführen, um das userscript auf der Webseite Kontext?

Folgende ist mein manifest.json-Datei:

{
    "manifest_version": 2,
    "content_scripts": [ {
        "js":        [ "simpleuserscript.user.js" ],
        "matches":   [ "https://www.google.com/*"],
        "run_at":    "document_start"
    } ],
    "converted_from_user_script": true,
    "description":  "Chrome extension",
    "name":         "Testing",
    "version":      "1"
}

All dies könnte vermieden werden, wenn Chrome verabschieden würde den afterscriptexecute Ereignis, aber bis das passiert, ich bin stecken mit der load Veranstaltung. Ich danke im Voraus, jede Hilfe zur Verfügung gestellt.

EDIT: ich habe bereits versucht die Vorschläge in die Antworten: die Verwendung eines anderen run at Punkt, mit DOMContentLoaded und anfügen", um die document.documentElement. Alle waren erfolglos, weil: 1 und 2 lässt das Drehbuch vermissen frühen Ereignissen, und 3 liefert das gleiche TypeError als wenn Sie versuchen, zum Anhängen an document.head.

Das script eingefügt werden/wird ausgeführt, wenn document.readyState = loading sonst wird es miss frühen notwendige Veranstaltungen, aber nicht so früh zu dem Punkt des seins nicht in der Lage Anhängen childs entweder documentElementoder head

Ein Beispiel für den code innerhalb simpleuserscript.user.js:

var script = document.createElement("script");
script.textContent = "console.log('success')";
if(document.head) {
    document.head.appendChild(script);
} else if(document.documentElement) {
    document.documentElement.appendChild(script);
}

Konsole erscheinen TypeError: Cannot call method 'appendChild' of null

InformationsquelleAutor Shadow | 2015-01-28

18

Chrome-Erweiterung Content scripts (ausgeführt von einem manifest.json), die ausgeführt werden, bei document_start, tun Feuer, bevor Dokument.readyState^Doc erreicht hat interactive - Sie ist die früheste, die Sie starten möchten, messing, mit die meisten Elemente der Seite.

Allerdings können Sie injizieren die meisten <script> Knoten sofort, wenn Sie es wünschen. Nur nicht zu document.head oder document.body weil Sie noch nicht existieren.

Anfügen documentElement statt. Zum Beispiel:
```
var s = document.createElement ("script");
s.src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js";
s.async = false;
document.documentElement.appendChild (s);
```
Oder
```
var s = document.createElement ("script");
s.src = chrome.extension.getURL ("MyPwnCode.js");
s.async = false;
document.documentElement.appendChild (s);
```
Wenn Sie hinzufügen oder ändern anderen DOM-Elemente, die in einem Skript läuft auf document_start warten Sie, bis die DOMContentLoaded Ereignis wie folgt:
```
document.addEventListener('DOMContentLoaded', fireContentLoadedEvent, false);

function fireContentLoadedEvent () {
    console.log ("DOMContentLoaded");
    //PUT YOUR CODE HERE.
    //document.body.textContent = "Changed this!";
}
```
- Das Skript eingefügt werden, wenn document.readyState = loading oder aber es schlägt immer fehl, zur Aufnahme bestimmter Ereignisse notwendig. Schon versucht DomContentLoaded aber das macht es zu spät. Ich habe auch versucht Anhängen document.documentElement, aber leider gibt es das gleiche TypeError erwähnt. Bisher ist die einzige Sache, die funktioniert ist die setInterval Methode an 0.010 s
- Du gehst zu haben, um zu den eigentlichen Informationen, die benötigt werden, das problem zu replizieren.
- Ich habe ein Beispiel in meiner Frage
- Das Beispiel funktioniert einwandfrei auf Google-Seiten. Etwas, das Sie nicht, uns zu zeigen, ist das problem. Oder, vielleicht sind Sie zu lange warten (mit dem code, den Sie werden nicht angezeigt) und document.head teilweise vorhanden ist, aber nicht interaktiv. Fügen Sie das Skript genau wie ich gezeigt habe. (Keine Tests für document.head bis nachdem DOMContentLoaded.)
- Diese sind buchstäblich die zwei Dateien, die ich habe, einschließlich der Beispiel-code, der gibt den genannten TypeError. Es ist sehr merkwürdig, dass es für Sie gearbeitet, aber nicht für mich. Ich werde versuchen zu tun, eine saubere Chrome installieren, vielleicht gibt es eine Einstellung oder Erweiterung verursacht mir Probleme. Ich habe Sie überlegen, Ihre Korrektur, aber der Fehler lag nicht in meiner Datei, es war ein einfacher Tippfehler die ich machte, als ich war Entsendung auf die Frage.
- Link zu einer Zielseite, auf der das problem Auftritt (Ihr Google kann unterschiedlich sein, von mir). Auch haben Sie versuchen, hinzufügen zu documentElement ohne Prüfung für document.head?
- Ich fühle mich komisch, nachdem ich ein full Chrome neu zu installieren, es wurden keine Fehler mehr (bisher), das Skript lädt perfekt, als ob es geladen wird über Tampermonkey. Ich kann es nicht erklären, etwas wirklich war, die es betreffen, vor. Und ja, ich hatte auch vorher versucht mit documentElement individuell, das hat nicht funktioniert. Ich gehe zu wählen Sie Ihnen als die richtige Antwort, weil Sie mir geholfen zu verstehen, dass etwas möglicherweise falsch mit meinem browser. Wenn man könnte hinzufügen, daß Hinweis auf Ihre Antwort, so wird es klar, für andere würde ich es wirklich schätzen. Danke für Eure Hilfe, Brock.
- Du bist herzlich willkommen. ...... Es ist nicht klar, was Sie wollen Sie mir noch auf die Antwort. Browser glitches und installieren Schluckauf sind nicht erlaubt Fragen ( " This question was caused by a problem that can no longer be reproduced or a simple typographical error. While similar questions may be on-topic here, this one was resolved in a manner unlikely to help future readers. This can often be avoided by identifying and closely inspecting the shortest program necessary to reproduce the problem before posting. " ) - es sei denn, es ist ein zuverlässiger Rezept für Sie zu wiederholen-was nicht der Fall zu sein scheint hier.
- Ah, ich sehe. Ich habe einen Hinweis in meiner Frage, sollte genug sein. Ich werde die Entscheidung zu überlassen, entfernen Sie die Frage an die mods dann.
- documentElement auch garantiert vorhanden document_start?
- Ich werde nicht nachschauen, aber ja, ziemlich sicher-vor allem in den Browsern, die ich kümmern (Firefox, Chrome, Opera), und das ist ein Chrome-Frage.
- Wo schaust du es? Ich habe das getestet und es gibt, für meine Prüfung, aber documentElement auch garantiert vorhanden document_start??
- stellen Sie eine neue Frage, wenn Sie wirklich darüber besorgt sind, dass.
- Ich sah eine Menge von negativen Antworten, so möchte nur sagen, ich war Herumspielen mit diesem für eine lange Zeit und die meisten der fehlerhaften Ergebnissen wurden denn ich war testen Sie das Skript mit der Entwickler-Konsole öffnen, die scheint, zu geben, ein anderes Ergebnis zu, wenn es geschlossen ist. Ich habe es zu arbeiten, Injektion jquery-source-Skript in die Seiten von einer anderen Quelle, ich bin in China, so dass Google CDN ist blockiert, und ich run_at document_start und documentElement zum Anhängen der Skript-Knoten, und es funktioniert gut. Ein wenig verzögert, da es zu laden versucht das andere Skript auch ich kann auf diese Arbeit später, aber für jetzt funktioniert es, danke.
InformationsquelleAutor Brock Adams
7

Dein problem ist, dass beim Einsatz von "run_at": "document_start", das einzige element, das gewährt wird, gibt es in der DOM ist die <html> element. Wenn Sie möchten, um Fehler zu vermeiden, die relativ zu der Seite geladen, wie zu versuchen, Zugriff auf einige Elemente, die noch nicht erstellt wurden, müssen Sie entweder:
- Machen Sie Ihr Skript ausführen bei "document_idle" oder "document_end". Obwohl "document_end" noch nicht gewähren Sie, dass alle Elemente und Ressourcen der Seite vollständig geladen (aber der DOM wurde bereits analysiert), die "document_idle" Stichwort geben Ihnen die Gewissheit, dass der DOM geparst wurde und alle Elemente und Ressourcen wurden ordnungsgemäß geladen wurden, bevor das Skript ausgeführt wird.
- Oder, stattdessen, Sie können weiterhin verwenden "document_start" wickeln Sie Ihren code innerhalb einer "DOMContentLoaded" Zuhörer, die es ausführen, wenn das DOM vollständig fertig laden und zu analysieren, ähnlich wie "document_idle". Hier ist ein Beispiel:
```
document.addEventListener("DOMContentLoaded", function() {
    //Run your code here...
});
```
- document_idle passiert nach document_end
- ich zitiere aus der Dokumentation: "Im Fall von document_idle, der browser wählt eine Zeit, um zu injizieren, Skripte zwischen document_end und direkt nach dem Fenster.onload-Ereignis ausgelöst wird [ ... ]", so lese ich falsch, oder..?
- Sie Lesen es richtig, aber window.onload passiert nach document_end. window.onload impliziert alle Ressourcen wurden geladen, und document_end Feuer schon nach DOM abgeschlossen ist (was früher).
- oh, ich sehe, okay, danke für die Aufklärung
- Mit document_idleoder document_end machen Sie das Skript laden zu spät, so dass es nicht in der Lage zu erfassen frühen Ereignissen. Mit DOMContentLoaded Erträge die gleichen Probleme, das Skript ist eingefügt/run zu spät.
- Aber könnte nicht ein anderes Skript auf der Seite selbst zu entfernen Sie Ihre Zuhörer? Also mit document_idle ist besser?
- Wenn document_start eingefügt wird, nachdem die Letzte <style></style>, und document_end ist eingefügt in DOMContentLoaded, heißt das nicht, dass wir, wenn wir nicht verwenden document_start, DOMContentLoaded wird nicht warten, bis <style></style>, Daher document_end wird ausgeführt, bevor die Zeit, die document_start hätte ausführen?
- 1) Sie können nicht entfernen einen listener wenn Sie nicht wissen, den Namen der Funktion; 2), sowie die Seite weiß nichts über dein script, denn das Erweiterungs-scripts laufen in einem separaten Rahmen und nicht an eine variable mit den Skripts in der Seite. Die Antwort ist also Nein.
- Aber die Seite tun können document.replaceChild(n=document.createElement('html'),document.documentElement);n.innerHTML='replacer' wenn Ihr Skript ist in document_start. Auf der anderen Seite, wenn man an document_idle, er wäre nicht in der Lage zu ersetzen, die Ihr injiziert Zuhörer.
- Ah I ' V nun erkannt. Das "CSS" bezieht sich nicht auf die <style> und <link rel> bezieht sich aber nur auf CSS injiziert, indem manifestieren.
InformationsquelleAutor Marco Bonelli

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.