What is Service Worker Console? & Where is it in Chrome Browser?

Question

I am working on push notifications and came upon an unfamiliar term:

service worker console.

I have read and used the term console log or web console in browser, but I am not familier with the term service worker console, and I didn't find appropriate answer after googling it.

Can anyone explain what is service worker console? How to access it in Google Chrome?

Where did you see it? Can you provide a link, or copy-and-paste the context? — Bob Stein, Aug 25 '16 at 10:58
I have not heard of the term. But service workers are to replace the appcache, you could try to look at `Developer tools -> Resources` in Chrome. Also it's possible it is only available in some dev/beta build of Chrome. — Matthias, Aug 25 '16 at 11:02
Read the last paragraph of this article http://craig-russell.co.uk/2016/01/29/service-worker-messaging.html#.V77FjXV97qM — Saugat Bhattarai, Aug 25 '16 at 11:55

score 105 · Accepted Answer · edited Jun 24 '18 at 08:36

105

Go to chrome://serviceworker-internals

Choose any service worker and start it if not already started.

Click on Inspect!!

Boom! You have the console there!

edited Jun 24 '18 at 08:36

Oded Breiner

28,523
10
105
71

answered Aug 25 '16 at 21:35

Dhruv Batheja

2,140
1
18
16

Thank you very much you have solved my head ache. Can you further guide me in my project web pusher if you have time. – Saugat Bhattarai Aug 26 '16 at 05:05
1

Yeah sure @SaugatBhattarai :). Keep posting whatever doubts you come across! – Dhruv Batheja Aug 26 '16 at 18:06
1

Do you have any idea about how to get unique identification of browser? I need to push message to unique browser. I am confused how to do it. – Saugat Bhattarai Aug 31 '16 at 09:18
Any idea why inspect shows empty logs even though service worker status is active, and running? – Nuruddin Iminokhunov Aug 13 '18 at 11:12
Are you sure you're `console.log`-ing something when your events fire? @NuruddinIminokhunov – Dhruv Batheja Aug 20 '18 at 01:25
`chrome://serviceworker-internals` is old, and being replaced by the standard dev tools. – jameshfisher Nov 10 '19 at 09:27
Hello, in a recent Chrome version : chrome://inspect/#service-workers – Charly Dec 10 '20 at 16:35

score 12 · Answer 2 · answered Nov 10 '19 at 09:27

12

If a page has a service worker, then that service worker's logs show in that page's JavaScript console. You can see the source of a log line on the right-hand side of the log:

In the console, there is a select box to select the JavaScript context. This defaults to top (which means "show everything"), but you can select a more specific context for just the service worker:

answered Nov 10 '19 at 09:27

jameshfisher

34,029
31
121
167

Thanks! This seems like a much easier approach than the accepted answer, may also be worth noting that `self.console.log` [is needed](https://github.com/GoogleChrome/workbox/issues/1482) from certain parts of the worker. – Greg Venech Oct 19 '22 at 02:04

What is Service Worker Console? & Where is it in Chrome Browser?

2 Answers2

Linked