很多人在测试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传送)。
最新资讯
淘宝主播薇娅:信任是立命之本,贴钱也要保护粉丝利益

淘宝主播薇娅:信任是

薇娅称,信任的建立真的非常难,但把它摧毁却很简单了。
淘宝主播薇娅谈爆款法则:好产品只是万里长征第一步

淘宝主播薇娅谈爆款法

淘宝主播薇娅发表演讲,讲述了她关于“爆品法则”的思考
阿里侯毅:新技术带来商业零售效率发生本质变化

阿里侯毅:新技术带来商

关于驱动零售业的变革,侯毅从盒马的角度出发,讲述了他们
皮查伊接棒谷歌母公司,印度为何“盛产”硅谷CEO?

皮查伊接棒谷歌母公司

印度在高等教育上的经验仍值得我们学习、借鉴。
宋志平:要以企业家精神推动创新型经济

宋志平:要以企业家精神

谈及经济创新,他表示,经济已从高速增长向着高质量发展完
徐井宏:2019年创业者和投资人都更加成熟和冷静了

徐井宏:2019年创业者和

他提到,融资是手段,但很多的创业者以此作为目的,比如说融
最新文章
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实现仿