很多人在测试workerapi的时候,总是会出现异常,根本测试不到效果,需要注意的是就是单纯的文本文件是实现不了worker的,你写的实际代码必须部署到服务器(tomcat.jBoss等)才能运行workerapi
很多人在测试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-8">
<!--<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发送的字符串(实际应用中一般使用json传送)。
最新资讯
Waymo无人车量产承压 汽车制造商将联手加速开发进程

Waymo无人车量产承压

在谷歌大力推进自动驾驶汽车量产之际,宝马和大众等德国
直击|AI公司创新奇智宣布完成超4亿元A轮融资

直击|AI公司创新奇智

创新奇智成立于2018年3月,瞄准零售、制造和金融等领域
微软确认必应网站目前无法在中国访问 市场份额约2%

微软确认必应网站目前

微软发言人向记者回应称,已确认必应网站目前在中国无法
直击|对话华为丁耘:想看看对手何时才能追赶上

直击|对话华为丁耘:想

华为常务董事、运营BG总裁丁耘在接受新浪科技等采访时
滴滴推举措缓解春节打车难 春节司机服务费扩至268城

滴滴推举措缓解春节打

为缓解春节期间打车供需失衡问题,滴滴出行今日公布三项
北京市与BAT、三大运营商等机构签订大数据合作协议

北京市与BAT、三大运

今天上午,北京市经信局与首批18家社会机构(或其代表主体
最新文章
html5 canvas-1.canvas介绍(hello canvas)

html5 canvas-1.canva

大家都知道,目前并不是所有的浏览器中支持html5,就算是
canvas烟花特效锦集

canvas烟花特效锦集

这篇文章主要介绍了canvas烟花特效锦集,小编觉得挺不错
使用Html5、CSS实现文字阴影效果

使用Html5、CSS实现文

这篇文章主要介绍了使用Html5、CSS实现文字阴影效果的
html5 canvas绘制放射性渐变色效果

html5 canvas绘制放射

这篇文章主要介绍了html5 canvas绘制放射性渐变色效果
canvas基础之图形验证码的示例

canvas基础之图形验证

这篇文章主要介绍了canvas基础之图形验证码的示例的相
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能

利用HTML5+css3+jquer

这篇文章主要介绍了利用HTML5+css3+jquery+weui实现仿