如何debug web worker

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

例子:

 
 
 
Test Web worker 
 
 
 

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 web worker_第1张图片

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


如何debug web worker_第2张图片

要获取更多Jerry的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:

如何debug web worker_第3张图片
如何debug web worker_第4张图片

你可能感兴趣的:(如何debug web worker)