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 - JavaScript Tutorial
From the course: JavaScript: Web Workers
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Create a dedicated worker4m 9s
-
(Locked)
Life cycle of a dedicated worker2m 19s
-
(Locked)
Create a shared worker1m 35s
-
(Locked)
Life cycle of a shared worker3m 49s
-
(Locked)
Creating subworkers1m
-
(Locked)
Import external scripts2m 34s
-
(Locked)
Create basic workers2m 39s
-
(Locked)
Debug with browser dev tools5m 57s
-
-
-
-