html5 worker 案例(1) 为何检测不到实际效果

日期:2021-01-20 类型:科技新闻 

关键词:网页设计,移动端网页设计,大一网页设计作业成品,网页编辑软件,网页在线编辑

许多人在检测worker api的情况下,一直会出現出现异常,压根检测不到实际效果。
在应用worker的情况下有个务必留意的地区,便是单纯性的文字文档是完成不上worker的,你写的具体编码 务必布署到服务器(tomcat.jBoss等)才可以运作worker api。
下面写个简易事例

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⑻">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</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推送的标识符串(具体运用中1般应用json传输)。