Offscreen Documents code not visible in Dev Tools

237 views
Skip to first unread message

Fabienne

unread,
Jun 4, 2023, 8:56:06 AM6/4/23
to Chromium Extensions
Hi Everyone,
does anybody else not see their offscreen documents in the dev tools anymore?
When i click on it in my extension to debug the code i only see my backgroundworker's js file and nothing else. Even the "Elements"-tab is empty.
Any clue when this will be fixed? I tried it on multiple chromebooks.
Thanks
Faby

Screenshot 2023-06-04 8.54.37 AM.pngScreenshot 2023-06-04 8.55.07 AM.png
Message has been deleted

Fabienne Williams

unread,
Jun 4, 2023, 9:30:46 AM6/4/23
to Chromium Extensions, wOxxOm, Fabienne
No, I clicked my offscreen document under details.
Screenshot 2023-06-04 9.29.56 AM.png

On Sunday, June 4, 2023 at 9:27:41 AM UTC-4 wOxxOm wrote:
I guess you've clicked "service worker" in chrome://extensions, which opens a limited version of devtools for this worker alone, and that is not a bug, although indeed it's inconvenient.

To open devtools for the offscreen document you need to click `offscreen.html` link in chrome://extensions either inside the card for your extension or in its details. This will open a full-fledged devtools where you can inspect storage and elements, as well as switch the inspected context between the service worker and the document within the same devtools.

Clip094.png

chrome_2023-06-04_16-25-57.png

wOxxOm

unread,
Jun 4, 2023, 10:08:11 AM6/4/23
to Chromium Extensions, Fabienne Williams, wOxxOm
Oh, it's a bug in Chrome. You can restore the normal behavior by disabling chrome://flags/#devtools-tab-target

Fabienne Williams

unread,
Jun 4, 2023, 10:16:45 AM6/4/23
to wOxxOm, Chromium Extensions
Ah perfect, thank you so much!
Reply all
Reply to author
Forward
0 new messages