如何解決html5 worker測(cè)試不到效果的問題

發(fā)布時(shí)間：2021-10-08 14:12:23 來源：億速云閱讀：124 作者：柒染欄目：web開發(fā)

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)如何解決html5 worker測(cè)試不到效果的問題，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

很多人在測(cè)試worker api的時(shí)候，總是會(huì)出現(xiàn)異常，根本測(cè)試不到效果。
在使用worker的時(shí)候有個(gè)必須注意的地方，就是單純的文本文件是實(shí)現(xiàn)不了worker的，你寫的實(shí)際代碼必須部署到服務(wù)器（tomcat.jBoss等）才能運(yùn)行worker api。
下面寫個(gè)簡(jiǎn)單例子

js代碼test.js（worker）

代碼如下:

function messageHandler(e) {
postMessage("worker says: " + e.data + " too");
}
addEventListener("message", messageHandler, true);
postMessage("2222222222");

html代碼 index.html

代碼如下:

<!DOCTYPE html>
<html>
<head>
<title>index.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

</head>
<body>
<script type="text/javascript">
if(typeof(Worker)!=="undefined"){
console.log("zhichi worke");
}else{
console.log("no support!");
}
function messageHandler(e){
console.log(e.data);
}
function errorHandler(e){
console.log(e.message, e);
}
var myWorker = new Worker("task.js");
myWorker.addEventListener("message", messageHandler, true);
myWorker.addEventListener("error", errorHandler, true);
myWorker.postMessage("1 fangsong d");
</script>
</body>
</html>

不是之后直接訪問index.html頁面，然后在瀏覽器的console面板中將看到worker發(fā)送的字符串（實(shí)際應(yīng)用中一般使用json傳送）。

上述就是小編為大家分享的如何解決html5 worker測(cè)試不到效果的問題了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

如何解決html5 worker測(cè)試不到效果的問題

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽