1

ページ読み込みの進行状況を表示するために、pjax スタンドアロンとace.js を使用しています。すべてうまくいっています。

ただし、かなり大きなボタンクリック (houndify-web-sdk.min.js 700kb) に続いて動的にロードするスクリプトが 1 つあり、このロードの進行状況も表示したいと考えています。

スクリプトは現在、次のように追加されています。

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();
});

ヘルプ/アドバイスをいただければ幸いです。

4

1 に答える 1

1

他の誰かがこれに問題を抱えている場合 - jQuery.getScript()を使用するとうまくいきます。キャッシュを有効にするには、次のようにするのが最善です。

$.ajax({
  url: url,
  dataType: "script",
  success: success,
  cache: true
});
于 2016-04-30T11:41:42.870 に答える