github.comのリスニングGreasemonkeyユーザースクリプトのPJAXイベント

Question

私が正常に作業しているユーザースクリプトは、最初に読み込まれたGitHubページで動作します。 GitHubがPJAXでナビゲートされているときは、再適用する必要があります。

だから私は何とかPJAXの変更のためのリスナーを設定し、initialize関数を再度実行する必要があります。

のGreasemonkey/Firefoxのセキュリティポリシーのために、それは私がunsafeWindow.require('jquery')のajaxCompleteイベントにページのスクリプトやフックを検討しようとしましたが、リスナーがありませんでした

Error: Permission denied to access object

がスローされますので、unsafeWindow.history.pushStateにパッチを適用すると、動作しません。 （同じセキュリティポリシーが原因である可能性がありますが、エラーコンソールは空でした）。

PJAXコンテナエレメントにMutationObserver/DOMSubtreeModifiedよりも優れたソリューションがありますか？

このスクリプトはFirefox/Greasemonkeyを対象にしていますが、Chrome/Tampermonkeyで実行可能であれば、これは問題ありません。文書上のイベント：

$(document).on('pjax:end', ...) 

FWIWバニラJSでの作業example：

Answer 1

は "終わりpjax" のリスナーを追加します。あなたが見ることができるように、サイトスクリプトがダイナミックコンテナ（時には）を2回更新するので、MutationObserverも使用されるため、pjax：endハンドラが完了した後、MutationObserverハンドラがアタッチされ、この場合、処理は繰り返されます。

document.addEventListener('pjax:end', pageChangedHandler); 

function pageChangedHandler() { 

    ....................... 

    var ovr = document.querySelector('include-fragment.file-wrap'); 
    if (ovr) { 
     new MutationObserver(function(mutations) { 
      mutations.forEach(m => { 
       var removed = m.removedNodes[0]; 
       if (removed && removed.matches('.file-wrap')) { 
        this.disconnect(); 
        pageChangedHandler(); 
       } 
      }); 
     }).observe(ovr.parentNode, {childList:true}); 
    } 
}