点评:很多人在测试worker api的时候,总是会出现异常,根本测试不到效果,需要注意的是就是单纯的文本文件是实现不了worker的,你写的实际代码 必须部署到服务器(tomcat.jBoss等)才能运行worker api
很多人在测试worker api的时候,总是会出现异常,根本测试不到效果。
NMNHTML5中文学习网 - HTML5先行者学习网在使用worker的时候有个必须注意的地方,就是单纯的文本文件是实现不了worker的,你写的实际代码 必须部署到服务器(tomcat.jBoss等)才能运行worker api。
NMNHTML5中文学习网 - HTML5先行者学习网下面写个简单例子
NMNHTML5中文学习网 - HTML5先行者学习网NMNHTML5中文学习网 - HTML5先行者学习网js代码test.js(worker) NMNHTML5中文学习网 - HTML5先行者学习网
NMNHTML5中文学习网 - HTML5先行者学习网
function messageHandler(e) { NMNHTML5中文学习网 - HTML5先行者学习网
postMessage("worker says: " + e.data + " too"); NMNHTML5中文学习网 - HTML5先行者学习网
} NMNHTML5中文学习网 - HTML5先行者学习网
addEventListener("message", messageHandler, true); NMNHTML5中文学习网 - HTML5先行者学习网
postMessage("2222222222"); NMNHTML5中文学习网 - HTML5先行者学习网
NMNHTML5中文学习网 - HTML5先行者学习网html代码 index.html NMNHTML5中文学习网 - HTML5先行者学习网
NMNHTML5中文学习网 - HTML5先行者学习网
<!DOCTYPE html> NMNHTML5中文学习网 - HTML5先行者学习网
<html> NMNHTML5中文学习网 - HTML5先行者学习网
<head> NMNHTML5中文学习网 - HTML5先行者学习网
<title>index.html</title> NMNHTML5中文学习网 - HTML5先行者学习网
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> NMNHTML5中文学习网 - HTML5先行者学习网
<meta http-equiv="description" content="this is my page"> NMNHTML5中文学习网 - HTML5先行者学习网
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> NMNHTML5中文学习网 - HTML5先行者学习网
<!--<link rel="stylesheet" type="text/css" href="./styles.css">--> NMNHTML5中文学习网 - HTML5先行者学习网
</head> NMNHTML5中文学习网 - HTML5先行者学习网
<body> NMNHTML5中文学习网 - HTML5先行者学习网
<script type="text/javascript"> NMNHTML5中文学习网 - HTML5先行者学习网
if(typeof(Worker)!=="undefined"){ NMNHTML5中文学习网 - HTML5先行者学习网
console.log("zhichi worke"); NMNHTML5中文学习网 - HTML5先行者学习网
}else{ NMNHTML5中文学习网 - HTML5先行者学习网
console.log("no support!"); NMNHTML5中文学习网 - HTML5先行者学习网
} NMNHTML5中文学习网 - HTML5先行者学习网
function messageHandler(e){ NMNHTML5中文学习网 - HTML5先行者学习网
console.log(e.data); NMNHTML5中文学习网 - HTML5先行者学习网
} NMNHTML5中文学习网 - HTML5先行者学习网
function errorHandler(e){ NMNHTML5中文学习网 - HTML5先行者学习网
console.log(e.message, e); NMNHTML5中文学习网 - HTML5先行者学习网
} NMNHTML5中文学习网 - HTML5先行者学习网
var myWorker = new Worker("task.js"); NMNHTML5中文学习网 - HTML5先行者学习网
myWorker.addEventListener("message", messageHandler, true); NMNHTML5中文学习网 - HTML5先行者学习网
myWorker.addEventListener("error", errorHandler, true); NMNHTML5中文学习网 - HTML5先行者学习网
myWorker.postMessage("1 fangsong d"); NMNHTML5中文学习网 - HTML5先行者学习网
</script> NMNHTML5中文学习网 - HTML5先行者学习网
</body> NMNHTML5中文学习网 - HTML5先行者学习网
</html> NMNHTML5中文学习网 - HTML5先行者学习网
NMNHTML5中文学习网 - HTML5先行者学习网不是之后直接访问index.html页面,然后在浏览器的console面板中将看到worker发送的字符串(实际应用中一般使用json传送)。
NMNHTML5中文学习网 - HTML5先行者学习网