怎么檢測(cè)瀏覽器是否支持WebWorker

本篇內(nèi)容介紹了“怎么檢測(cè)瀏覽器是否支持WebWorker”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

    檢測(cè)瀏覽器是否支持WebWorker

    在創(chuàng)建webworker之前，請(qǐng)檢測(cè)用戶的瀏覽器是否支持它：

if(typeof(Worker)!=="undefined")

{

    // 是的! Web worker 支持!

    // 一些代碼.....

}

else

{

    //抱歉! Web Worker 不支持

}

    創(chuàng)建webworker文件

    現(xiàn)在，讓我們?cè)谝粋€(gè)外部JavaScript中創(chuàng)建我們的webworker。

    在這里，我們創(chuàng)建了計(jì)數(shù)腳本。該腳本存儲(chǔ)于"demo_workers.js"文件中：

var i=0;

function timedCount()

{

    i=i+1;

    postMessage(i);

    setTimeout("timedCount()",500);

}

timedCount();

    以上代碼中重要的部分是postMessage()方法-它用于向HTML頁面?zhèn)骰匾欢蜗ⅰ?/p>

    注意:webworker通常不用于如此簡(jiǎn)單的腳本，而是用于更耗費(fèi)CPU資源的任務(wù)。

    創(chuàng)建WebWorker對(duì)象

    我們已經(jīng)有了webworker文件，現(xiàn)在我們需要從HTML頁面調(diào)用它。

    下面的代碼檢測(cè)是否存在worker，如果不存在，-它會(huì)創(chuàng)建一個(gè)新的webworker對(duì)象，然后運(yùn)行"demo_workers.js"中的代碼：

if(typeof(w)=="undefined")

{

    w=new Worker("demo_workers.js");

}

    然后我們就可以從webworker發(fā)生和接收消息了。

    向webworker添加一個(gè)"onmessage"事件監(jiān)聽器：

w.onmessage=function(event){

    document.getElementById("result").innerHTML=event.data;

};

    終止WebWorker

    當(dāng)我們創(chuàng)建webworker對(duì)象后，它會(huì)繼續(xù)監(jiān)聽消息（即使在外部腳本完成之后）直到其被終止為止。

    如需終止webworker，并釋放瀏覽器/計(jì)算機(jī)資源，請(qǐng)使用terminate()方法：

    w.terminate();

    WebWorkers和DOM

    由于webworker位于外部文件中，它們無法訪問下列JavaScript對(duì)象：

    window對(duì)象

    document對(duì)象

    parent對(duì)象

“怎么檢測(cè)瀏覽器是否支持WebWorker”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！