Created by Jerry Wang on Aug 12, 2014

Web Workers 为 Web 前端网页上的脚本提供了一种能在后台进程中运行的方法。一旦它被创建，Web Workers 就可以通过 postMessage 向任务池发送任务请求，执行完之后再通过 postMessage 返回消息给创建者指定的事件处理程序 ( 通过 onmessage 进行捕获 )。

例子：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test Web worker</title>
<script type="text/JavaScript">
function init(){
var worker = new Worker('js/compute.js'); worker.onmessage= function (event) { document.getElementById("result").innerHTML +=
event.data+"<br/>";
};
}
</script>
</head>
<body onload="init()">
<div id="result"></div>
</body>
</html>

compute.js:

var i=0; function timedCount(){ for(var j=0,sum=0;j<10000;j++) { for(var i=0;i<1000;i++){ sum+=i; } } postMessage(sum);
} postMessage("Before computing,"+new Date());
timedCount();
postMessage("After computing,"+new Date());

在web worker的source code里设置断点，选取Puase on start的checkbox:

之后就能像debug 普通javascript code一样debug worker代码:

如何调试 web worker相关推荐

一文搞懂 Web Worker(原理到实践)
作者:poetry 原文地址:https://mp.weixin.qq.com/s/XF7qOhbBtYlwADCiyxbT-w Web Worker 作为浏览器多线程技术,在页面内容不断丰富,功能日 ...
一文了解Web Worker
一.概述众所周知,JavaScript最初设计是运行在浏览器中的,为了防止多个线程同时操作DOM带来的渲染冲突问题,所以JavaScript执行器被设计成单线程.但是随着前端技术的发展,JavaSc ...
web worker js
转自: https://zhidao.baidu.com/question/752826254306699004.html 虽然是个百度答案但是感觉分析的十分透彻易懂大神拜服! 一.关 ...
web worker简介
web worker简介 http://m.blog.csdn.net/blog/Michael890818/38440401 2014-8-8阅读410 评论1 Web Workers 是 HTML ...
深入理解javascript异步编程障眼法h5 web worker实现多线程
0.从一道题说起 var t = true; setTimeout(function(){ t = false; }, 1000); while(t){ } alert('end'); 1 2 3 4 ...
eclipse调试web项目
http://www.cnblogs.com/qrlozte/p/3532522.html ************************** 我以前一直不知道怎么在eclipse中调试web项目, ...
什么是Web Worker？
简单点说,Web Worker就是一个运行在后台的JavaScript线程,不会影响页面的响应. 我们知道,JavaScript是单线程的脚本语言,即同一时刻只能做一件事情,否则会带来极其复杂的同步问 ...
JavaScript多线程之HTML5 Web Worker
在博主的前些文章Promise的前世今生和妙用技巧和JavaScript单线程和浏览器事件循环简述中都曾提到了HTML5 Web Worker这一个概念.在JavaScript单线程和浏览器事件循环简 ...
web worker技术-js新线程
web worker的小例子,用来入门很合适,建议启动服务来开发.可以使用node的anywhere. <!DOCTYPE html> <html lang="en&quo ...

如何调试 web worker

Created by Jerry Wang on Aug 12, 2014

如何调试 web worker相关推荐

最新文章

热门文章