Javascript IOS5“ JavaScript執行超出超時”

Question

以下測試基本上是大約1000次數學運算，並且可以在大多數PC和android瀏覽器以及iOS 4.x上正常運行。 在iOS5 Safari（iPhone 4和iPad 2）上，我們收到“ JavaScript：錯誤未定義的JavaScript執行超出超時”。 任何幫助，非常感謝。

/** Converts numeric degrees to radians */
if (typeof (Number.prototype.toRad) === "undefined") {
    Number.prototype.toRad = function () {
    return this * Math.PI / 180;
    }
}

function gc(lat1, lon1, lat2, lon2) {
    // returns the distance in km between a pair of latitude and longitudes
    var R = 6371; // km
    var dLat = (lat2 - lat1).toRad();
    var dLon = (lon2 - lon1).toRad();
    var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) +
        Math.cos(lat1.toRad()) * Math.cos(lat2.toRad()) *
        Math.sin(dLon / 2) * Math.sin(dLon / 2);
    var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
    var d = R * c;
    return d;
}

function test() {
    var d1 = new Date();
    var lat1, lon1, lat2, lon2;
    lat1 = -36;
    lon1 = 174;

    lat2 = lat1;
    lon2 = lon1;

    while (lat2 > -37) {
    lat2 = lat2 - 0.001;
    var stest = "lat1=" + lat1 + ",lon1=" + lon1 + ",lat2=" + lat2 + ",lon2=" + lon2 + "=" + gc(lat1, lon1, lat2, lon2);

    }
    var d2 = new Date();
    var stest = (d2.getTime() - d1.getTime()) / 1000.0 + "s";
    $("#lblTest").html(stest + "<BR/>" + $("#lblTest").html());

}

Answer 1

如果要在JavaScript中執行長時間運行的操作，而您卻接近某些瀏覽器所強制執行的腳本執行時間限制，則必須將函數分成多個部分，然后運行一次，直到很短的setTimeout(fn, 1) ，然后執行下一部分，依此類推。這樣做，您可以運行幾個小時的代碼，因為它為其他腳本和其他事件提供了處理的機會。 有時需要進行少量的代碼重組就可以做到這一點，但是只需做一些工作就可以實現。

偽代碼的基本概念是這樣的：

var state = {};   // set initial state
var done = false;

function doWork() {
   // do one increment of work that will never get even close to the browser
   // execution time limit
   // update the state object with our current operating state for the next execution
   // set done = true when we're done processing
   if (!done) {
       setTimeout(doWork, 1);
   }
}

doWork();

在您的特定代碼中，您可以執行以下操作。 您可以一次處理100個緯度點，然后執行一個簡短的setTimeout來處理下一個100點，依此類推。 您可以將100調整為最合適的數值。 該數字越大，您在每個計時器上執行的操作就越多，總體執行時間也越長，但是您越接近瀏覽器腳本執行限制。 setTimeout使瀏覽器保持活動狀態（處理其他事件），並阻止執行時間限制。

function test() {
    var d1 = new Date();
    var lat1, lon1, lat2, lon2, done = false;;
    lat1 = -36;
    lon1 = 174;

    lat2 = lat1;
    lon2 = lon1;

    function calcGC() {
        var cntr = 0;
        while (lat2 > -37 && cntr < 100) {
            lat2 = lat2 - 0.001;
            var stest = "lat1=" + lat1 + ",lon1=" + lon1 + ",lat2=" + lat2 + ",lon2=" + lon2 + "=" + gc(lat1, lon1, lat2, lon2);
            cntr++;
        }
        // if we have more to go, then call it again on a timeout
        if (lat2 > -37) {
            setTimeout(calcGC, 1);
        } else {
            var d2 = new Date();
            var stest = (d2.getTime() - d1.getTime()) / 1000.0 + "s";
            $("#lblTest").html(stest + "<BR/>" + $("#lblTest").html());
        }
    }
    calcGC();
}

Answer 2

我的感覺是IOS5野生動物園中存在一個錯誤，因為一旦開始出現這些錯誤，我就會到處都找到這些錯誤（包括Google移動搜索頁），而不會發生可見的超時/暫停。 殺死Safari並重新啟動它可以解決問題（直到再次發生-也許是真正的超時，最初使Safari進入了損壞狀態）。

您是否嘗試過通過多任務菜單殺死Safari並重新啟動它？

Answer 3

聽起來像Apple減少了iOS5中JavaScript的執行超時。 這可能是由於Mobile Safari中總體速度的提高以及UIWebViews的Nitro引擎的加入。

Answer 4

我也認為這是IOS5瀏覽器錯誤。 我們有一個類似的問題。 我們有一個帶有大量Javascript代碼的大型RIA應用程序，頁面刷新后，瀏覽器開始拋出超時異常。 iOS4沒有這個問題。 一旦異常開始發生，情況就會變得越來越糟，直到瀏覽器完全崩潰：其他不相關的頁面引發異常並拒絕呈現。

殺死Safari並重新啟動它可以解決問題。