javascript - Web Worker 在 webkit 中的行为与 Firefox 不同

Question

我有一个 Web 应用程序，可以在基于 Webkit 的现代浏览器中正常工作 ( http://montecarlo-tester.appspot.com/ )。基本上它使用网络 worker 从服务器获取数据，然后在执行一些计算后将其发送回。

它在 Chrome/Safari 中工作得很好(控制台中没有错误)，但当我尝试在 Firefox 中使用它时，却不行。我推断变量“iterations”在 Firefox 中设置不正确。不幸的是，Firefox 缺少调试器(针对网络 worker )，并且 javascript 具有功能范围，因此很难确定问题出在哪里。我已经为我的网络 worker 发布了 javascript 代码，我想知道是否有人可以指出我哪里出错了:

importScripts('/static/js/mylibs/jquery.hive.pollen-mod.js');


$(function (data) {
    main();
    //while(main());
    close();
});

function main() {
    //make an ajax call to get a param
    var iterations//value will be set by server response
    var key//key of the datastore object
    var continueloop = true;
    p.ajax.post({
        url:'/getdataurl',
        dataType: "json",
        success: function(responseText){
            if (responseText === null) {
                var workermessage = {
                    "log":"responseText is null. Either the server has issues or we have run out of stuff to compute."
                };
                $.send(workermessage);
                continueloop = false;
            }
            iterations = responseText.iterationsjob;
            key = responseText.key;      
        }
    });

    if (continueloop === false) {
        return false;
    }

//here is where I think the problems begin. In chrome/safari, iterations = 1000. 
//In Firefox however, iterations = null. As a result, everything after that does not work.

    var i,x,y,z;
    var count = 0;
    var pi;
    start = new Date();
    for (i=0;i<iterations;i++) {
        x = Math.random();
        y = Math.random();
        z = x*x+y*y;
        if(z<=1.0){
            count++;
        }
    }//end for loop
    pi = count/(iterations)*4.0;
    end = new Date();
    result = {
        "estimated_pi":pi,
        "num_iter":iterations,
        "duration_ms":end.valueOf()-start.valueOf(),
        "key":key
    };
    //send results to the server
    p.ajax.post({
        url: "/resultshandler",
        dataType:'json',
        data: result,
        success: function()
        {
            //do nothing!
        }
    });
    $.send(result);
    return true;//persists the loop
}

Answer 1

您正在执行异步 XHR，然后立即执行循环尝试使用其结果。我不知道为什么这可能在 Chrome 中起作用，但它绝对是活泼的。您是否尝试过在帖子选项中传递“sync:true”？

编辑:哦，没关系。我明白你的代码为什么有效。 hive.pollen 脚本有一个精彩的部分:

sync: navigator.userAgent.toLowerCase().indexOf('safari/') != -1 ? false : true,

因此，默认情况下，它在 Chrome/Safari 中执行同步 XHR，并在其他所有内容中执行异步 XHR(因为它传递 options.sync 作为 async 的值XMLHttpRequest.open 的参数，这是向后的，但无论如何；它确实意味着您实际上需要在调用站点传递 sync: false 以获得同步行为)。由于您没有指定是否需要同步或异步，因此您在 Chrome 中获得同步，在 Firefox 中获得异步。

哦，脚本在那一行之前有一个精彩的评论:

//  TODO: FIX THIS.