https://cloudmato.com/tags/service-workers/Recent content in Service Workers on cloudmato.comHugo -- gohugo.ioencloudmato.comcloudmato.comTue, 09 Jun 2026 12:07:41 +0530https://cloudmato.com/posts/chrome-devtools-background-services/Tue, 09 Jun 2026 12:07:41 +0530cloudmato.comhttps://cloudmato.com/posts/chrome-devtools-background-services/<p>Your web app is probably doing things you&rsquo;ve never actually debugged. Pages being prerendered before the user clicks anything, form submissions silently queued while offline, push notifications arriving at a sleeping service worker, sessions cryptographically bound to hardware keys — all of this happens through Chrome&rsquo;s background service APIs, running completely invisibly. The Background Services panel in Chrome DevTools is where you finally get to watch all of it.</p> <h2 class="header-anchor-wrapper">Finding the Panel <a href="#finding-the-panel" class="header-anchor-link"> <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line> </svg> </a> </h2> <p>Open DevTools (F12 or right-click &gt; Inspect), go to the <strong>Application</strong> tab, and scroll the left sidebar until you hit the &ldquo;Background Services&rdquo; section. You&rsquo;ll find a list covering essentially every &ldquo;invisible&rdquo; API Chrome supports:</p>