Pace.jsを使用して動的にロードされたスクリプトを追跡する

Question

pjax standaloneとpace.jsを使用してページのロードの進行状況を表示しています。すべてうまく動作します。

しかし、私はかなり大きな（houndify-web-sdk.min.js 700kb）のボタンをクリックして動的に読み込んでいますが、この読み込みの進行状況も表示したいと思います。

スクリプトは、現在、このように追加された：

var newScript = document.createElement("script"); 

newScript.setAttribute("src", "/js/large-script.min.js"); 
document.body.appendChild(newScript); 

それは、この負荷を追跡するためにペースを取得することはできますか？

私はまた、運のない以下のPace.track機能を試しました。

Pace.track(function() { 
    var xhr = new XMLHttpRequest(); 
    xhr.open("GET", "http://large.min.js", true); 
    xhr.responseType = "text"; 

    xhr.onload = function() { 
    if (this.status === 200) { 
     console.log("loaded"); 
    // not sure how I would then put the response into a script src file 
    } 
    }; 
    xhr.send(); 
}); 

すべてのヘルプ/アドバイスは非常に高く評価されるだろう！

Answer 1

誰かがこれに問題がある場合 - jQuery.getScript()を使用するとうまくいきます。キャッシングを有効にするには、以下のようにするのが最善です：

$.ajax({ 
    url: url, 
    dataType: "script", 
    success: success, 
    cache: true 
});