好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

html5 worker 实例(一) 为什么测试不到效果

很多人在测试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");


ht ML 代码 index.html

复制代码

代码如下:


<!DOCTY PE html>
<html>
<head>
<t IT le>index.html</title>
< ;m eta http-equiv="keywo rds " content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content -t ype" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" hr ef="./styles.css">-->
</head>
<body>
<script type="text/javascript">
if(typeof(Worker)! == "un define d"){
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 fan gsong d");
</script>
</body>
</html>


不是之后直接访问index.html页面,然后在浏览器的console面板中将看到worker发送的字符串(实际应用中一般使用json传送)。

总结

以上是 为你收集整理的 html5 worker 实例(一) 为什么测试不到效果 全部内容,希望文章能够帮你解决 html5 worker 实例(一) 为什么测试不到效果 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于html5 worker 实例(一) 为什么测试不到效果的详细内容...

  阅读:14次