如何调试 web worker
生活随笔
收集整理的這篇文章主要介紹了
如何调试 web worker
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Created by Jerry Wang on Aug 12, 2014
Web Workers 為 Web 前端網頁上的腳本提供了一種能在后臺進程中運行的方法。一旦它被創(chuàng)建，Web Workers 就可以通過 postMessage 向任務池發(fā)送任務請求，執(zhí)行完之后再通過 postMessage 返回消息給創(chuàng)建者指定的事件處理程序 ( 通過 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的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 使用SAP ABAP BSP应用实现一个
- 下一篇： 美媒：中国汽车零部件制造商海外建厂加速“