How to debug web workers

Question

I have been working with web workers in HTML 5 and am looking for ways to debug them. Ideally something like the firebug or chrome debuggers. Does anyone have any good solu

Answer 1

As in Chrome v35

• Load your page and open Chrome Developer Tools.
  
  
• Navigate to Sources tab.
  
  

• Check Pause of Start check-box, as shown below:
  
  

• Reload the page, the debugger will pause in the web worker, though in a new window!

Edit: in newer versions of Chrome (I'm using v39), the workers are under a "Threads" tab instead of having their own "Workers" tab (The Threads tab will become visible if there are any running workers).