From the course: JavaScript: Web Workers

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Debug with browser dev tools

Debug with browser dev tools - JavaScript Tutorial

From the course: JavaScript: Web Workers

Start my 1-month free trial

Debug with browser dev tools

- [Instructor] I'm back in my code, and now I'm in the terminal about to serve the current folder so we can see this in action in browsers. Let's start with Firefox. I will load localhost:5000, and here we are. Let's open Developer Tools, like that. I'm going to click Stark Worker. When I do that, we can see that the worker appears. I can start also 10 workers, and you can see each worker appears with a different name. If we go to the Debugger tab inside DevTools, we can see the Workers section at the right, where all the workers, the current workers, appear. I can click on each worker, and a new inspector will appear directly, debugging that particular thread. So, I will start again, localhost:5000. I will open DevTools, Debug, and now, I will open one worker. You can see the worker there, I can terminate the worker, so it's not there anymore. Start Worker, and if I click there, now I'm debugging that particular worker. Regarding shared workers, if I start or connect to a shared…

Contents