Chrome-Erweiterung läuft nur auf Aktualisieren, nicht auf Seitennavigation

Question

Ich habe eine Chrome-Erweiterung, die ich einige der DOM auf GitHub manipulieren möchte. Alles funktioniert wie erwartet, wenn ich eine bestimmte Seite aktualisiere, aber wenn ich zu dieser Seite navigiere, wird das Skript normalerweise nicht ausgeführt.

manifest.json

{ 
    "manifest_version": 2, 

    "name": "Name", 
    "description": "Detailed description", 
    "version": "1.3.5", 
    "content_scripts": [{ 
     "matches": ["https://github.com/*/*/issues/*"], 
     "js": ["jquery-2.1.0.min.js", "index.js"] 
    }], 
    "browser_action": { 
     "default_icon": "icon.png" 
    }, 
    "permissions": [ 
     "activeTab", 
     "https://ajax.googleapis.com/" 
    ] 
} 

index.js

$(document).ready(function() { 
    // DOM manipulating code 
    // removed for brevity 
}); 

Answer 1

Wenn Sie auf eine GitHub Seite von einem anderen zu navigieren, ist ein Container auf der Seite aktualisiert, nicht die gesamte Seite .

Also, aus meiner Erfahrung ... Wenn Sie von der Hauptseite eines Repos starten und zur Seite mit den Problemen wechseln, merkt sich die Erweiterung diese Änderung nicht immer. Daher würde ich vorschlagen, das Manifest matches alle Github zu ändern und nicht nur die Themen:

{ 
    "manifest_version": 2, 
    "name": "Name", 
    "description": "Detailed description", 
    "version": "1.3.5", 
    "content_scripts": [{ 
     "matches": ["https://github.com/*"], 
     "js": ["jquery-2.1.0.min.js", "index.js"] 
    }], 
    "browser_action": { 
     "default_icon": "icon.png" 
    }, 
    "permissions": [ 
     "activeTab", 
     "https://ajax.googleapis.com/" 
    ] 
} 

Wenn das nicht funktioniert, dann im Code, überwacht das Dokument für ein „pjax: Ende“ event:

document.addEventListener("pjax:end", function() { 
    // run code/call function 
});