您现在的位置是：首页 > 文章详情

如何debug web worker

日期：2018-06-13点击：331收藏

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: