如何debug web worker
生活随笔
收集整理的這篇文章主要介紹了
如何debug web worker
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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代碼:
要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":
總結
以上是生活随笔為你收集整理的如何debug web worker的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 使用chrome development
- 下一篇： 全球电视出货量十年新低 中国市场表现亮眼