Chrome Extension, die auf allen Facebook-Seiten laufen soll, wird nur ausgeführt, wenn ich auf Refresh klicke

Question

Das ist mein erster Hack beim Schreiben einer Chrome-Erweiterung. Ich möchte, dass jedes Mal, wenn eine Facebook-Seite geladen wird, ein ziemlich einfaches JavaScript ausgeführt wird. Es macht alles, was ich will außer, dass aus irgendeinem Grund, führt es nur mein Skript, wenn ich die Schaltfläche Aktualisieren drücken. Wenn z.B. Ich habe auf das Facebook-Logo geklickt, oder ich gehe zu einem Status aus meinen Benachrichtigungen, das Skript läuft nicht ... bis ich auf Aktualisieren klicke.

Hier ist mein Manifest:

{ 
    "name": "Anti-social Reader", 
    "version": "1.0", 
    "description": "Defeats 'social reader' apps on Facebook, by letting you just see the news story directly without installing the app.", 
    "content_scripts": [ 
     { 
      "matches": ["http://*.facebook.com/*", "https://*.facebook.com/*"], 
      "js": ["kill_social_reader.js"], 
      "run_at": "document_end", 
      "all_frames": true 
     } 
    ] 
} 

ich es brauche, bis document_end zu warten, weil es das DOM der geladenen Seite geändert wird. Ich bin sicher, es ist etwas Dummes ... irgendwelche Ideen?

Answer 1

In einer offensichtlichen Weise ist es nicht möglich. Die Facebook-Seite macht zahlreiche Ajax Anrufe, daher wird die Seite nicht vollständig neu geladen. Was Sie hier brauchen, ist zu identifizieren, ob eine Ajax Anrufantwort vom Browser empfangen wurde oder nicht? und dann das erforderliche Ereignis auszulösen. Ich kann diesen Teil nicht kommentieren, da ich in dieser Hinsicht immer noch ein Neuling bin.

Answer 2

Ich denke, Sie haben Ihren Code innerhalb $(function() {}) geschrieben, die offensichtlich eine Seitenladung erfordern. Aber Sie wollen Ihren Code auszuführen, wenn die Seite DOM ändert, dann kann dies helfen:

document.addEventListener('DOMNodeInserted', function (event) { 

}); 

Weitere Informationen: http://reminiscential.wordpress.com/2011/10/04/building_google_reader_plugin/

Answer 3

Wie mtk sagte, ist es, weil Facebook nutzt AJAX-Aufrufe, wenn Sie auf dem Home-Button klicken oder Wasauchimmer. Um Ihren Code jedes Mal auszuführen, wenn ein AJAX-Anruf getätigt wird, können Sie XMLHttpRequest übernehmen. Sie könnten so etwas zu Ihrem Inhaltsskript hinzufügen, sodass bei jedem Öffnen einer AJAX-Anfrage Ihr Code aufgerufen wird. Sie können einen Ereignis-Listener hinzufügen, der darauf wartet, dass die AJAX-Anforderung abgeschlossen wird, bevor Sie Ihren Code ausführen.

(function(open) { 
    XMLHttpRequest.prototype.open = function() { 
    // add the function you want to run here 
    open.apply(null, arguments); 
    }; 
})(XMLHttpRequest.prototype.open);