Javascript IOS5 " превышено время ожидания выполнения JavaScript"

следующий тест в основном ~1000 математических операций и отлично работает на большинстве браузеров ПК и 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());

}

4 ответов


Если вы хотите выполнить длительную операцию в 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();
}

Я чувствую, что в iOS5 safari есть ошибка, потому что, как только я начал получать эти ошибки, я получаю их повсюду (включая страницу поиска Google mobile), без видимого тайм-аута/паузы. Убийство Safari и перезапуск его устраняет проблему (пока это не произойдет снова - возможно, это подлинный тайм-аут, который изначально помещает Safari в сломанное состояние).

вы пробовали убить Safari через меню многозадачности и перезапустить его?


похоже, Apple сократила время ожидания выполнения javascript в iOS5. Вероятно, это было связано с общими улучшениями скорости в мобильном Safari, а также включением Нитро-двигателя для UIWebViews.


Я тоже думаю, что это ошибка браузера IOS5. У нас похожая проблема. У нас есть большое приложение RIA с большим количеством кода Javascript, и после обновления страницы браузер начинает выбрасывать исключения таймаута. у iOS4 не было этой проблемы. И как только исключение начинает происходить, оно идет от плохого к худшему, пока браузер не будет полностью сломан: другие несвязанные страницы выбрасывают исключение и отказываются от рендеринга.

убийство Safari и перезапуск его делает проблему уйти.