1695114 - Control ServiceWorker (start, inspect) from Application tab of DevTools

Status: NEW

(DevTools :: Application Panel, enhancement, P3)

Description

[aakumykov]

Attachment: service-worker-in-application-tab-expected.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:88.0) Gecko/20100101 Firefox/88.0

Steps to reproduce:

Debug ServiceWorker, attached to html page.

Actual results:

You need dive deep to inspect ServiceWorker:

1. open about:debugging page;
2. find service worker from list of all s.workers;
3. click "Inspect" button.

Expected results:

"Application" tab of DevTools already shows ServiceWorkers belongs to current page. It is native to add "Inspect" (and Start) button directly into it.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::DOM: Service Workers' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 2

[Maciej Jaros]

Could someone change this to:

• Product: DevTools
• Component: Debugger

Thanks in advance.

And also if someone could at least add "Inspect" button to DevTools that would be great. I have more then 100 workers. Going through all of them is... Not ideal 😉

I guess not many people need to debug specifically in FF (much easier in Chrome). But still it is useful to debug in FF sometimes. See also:
https://stackoverflow.com/questions/19660167/web-worker-debugging-in-firefox/72366362#72366362

Comment 3

[Maciej Jaros]

BTW. Reported invalid information about debugging in MDN:
https://github.com/mdn/content/issues/16634

You cannot debug workers in sources pane. So this whole section is invalid:
https://developer.mozilla.org/en-US/docs/web/api/web_workers_api/using_web_workers#debugging_worker_threads