html5 worker不支持本地,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");

html代码 index.html

复制代码代码如下:

index.html

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");

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