--- a/devtools/client/debugger/src/client/firefox/targets.js
+++ b/devtools/client/debugger/src/client/firefox/targets.js
@@ -102,33 +102,33 @@ async function listWorkerTargets(args: A
 
   for (const front of serviceWorkerRegistrations) {
     const {
       activeWorker,
       waitingWorker,
       installingWorker,
       evaluatingWorker,
     } = front;
-    await maybeMarkServiceWorker(activeWorker, "active");
-    await maybeMarkServiceWorker(waitingWorker, "waiting");
-    await maybeMarkServiceWorker(installingWorker, "installing");
-    await maybeMarkServiceWorker(evaluatingWorker, "evaluating");
+    await maybeMarkServiceWorker(activeWorker);
+    await maybeMarkServiceWorker(waitingWorker);
+    await maybeMarkServiceWorker(installingWorker);
+    await maybeMarkServiceWorker(evaluatingWorker);
   }
 
-  async function maybeMarkServiceWorker(info, status) {
+  async function maybeMarkServiceWorker(info) {
     if (!info) {
       return;
     }
 
     const worker = allWorkers.find(front => front && front.id == info.id);
     if (!worker) {
       return;
     }
 
-    worker.debuggerServiceWorkerStatus = status;
+    worker.debuggerServiceWorkerStatus = info.stateText;
     if (!workers.includes(worker)) {
       workers.push(worker);
     }
   }
 
   return workers;
 }
 

--- a/devtools/client/debugger/test/mochitest/browser_dbg-windowless-service-workers.js
+++ b/devtools/client/debugger/test/mochitest/browser_dbg-windowless-service-workers.js
@@ -78,17 +78,17 @@ add_task(async function() {
 add_task(async function() {
   info("Subtest #3");
 
   const toolbox = await openNewTabAndToolbox(EXAMPLE_URL + "doc-service-workers.html", "jsdebugger");
   const dbg = createDebuggerContext(toolbox);
 
   invokeInTab("registerWorker");
   await checkWorkerThreads(dbg, 1);
-  await checkWorkerStatus(dbg, "active");
+  await checkWorkerStatus(dbg, "activated");
 
   const firstTab = gBrowser.selectedTab;
 
   await addTab(EXAMPLE_URL + "service-worker.sjs?setStatus=newServiceWorker");
   await removeTab(gBrowser.selectedTab);
 
   const secondTab = await addTab(EXAMPLE_URL + "doc-service-workers.html");
 
@@ -138,29 +138,29 @@ add_task(async function() {
   await checkWorkerThreads(dbg, 1);
 
   await waitForSource(dbg, "service-worker.sjs");
   const workerSource = findSource(dbg, "service-worker.sjs");
 
   await waitForBreakpointCount(dbg, 1);
   await waitForPaused(dbg);
   assertPausedAtSourceAndLine(dbg, workerSource.id, 2);
-  await checkWorkerStatus(dbg, "evaluating");
+  await checkWorkerStatus(dbg, "parsed");
 
   await addBreakpoint(dbg, "service-worker.sjs", 19);
   await resume(dbg);
   await waitForPaused(dbg);
   assertPausedAtSourceAndLine(dbg, workerSource.id, 19);
   await checkWorkerStatus(dbg, "installing");
 
   await addBreakpoint(dbg, "service-worker.sjs", 5);
   await resume(dbg);
   await waitForPaused(dbg);
   assertPausedAtSourceAndLine(dbg, workerSource.id, 5);
-  await checkWorkerStatus(dbg, "active");
+  await checkWorkerStatus(dbg, "activating");
 
   await resume(dbg);
   invokeInTab("unregisterWorker");
 
   await checkWorkerThreads(dbg, 0);
   await waitForRequestsToSettle(dbg);
   await removeTab(gBrowser.selectedTab);
 });

--- a/devtools/shared/fronts/worker/service-worker.js
+++ b/devtools/shared/fronts/worker/service-worker.js
@@ -5,30 +5,50 @@
 
 const {
   serviceWorkerSpec,
 } = require("devtools/shared/specs/worker/service-worker");
 const {
   FrontClassWithSpec,
   registerFront,
 } = require("devtools/shared/protocol");
+const { Ci } = require("chrome");
 
 class ServiceWorkerFront extends FrontClassWithSpec(serviceWorkerSpec) {
   get fetch() {
     return this._form.fetch;
   }
 
   get url() {
     return this._form.url;
   }
 
   get state() {
     return this._form.state;
   }
 
+  get stateText() {
+    switch (this.state) {
+      case Ci.nsIServiceWorkerInfo.STATE_PARSED:
+        return "parsed";
+      case Ci.nsIServiceWorkerInfo.STATE_INSTALLING:
+        return "installing";
+      case Ci.nsIServiceWorkerInfo.STATE_INSTALLED:
+        return "installed";
+      case Ci.nsIServiceWorkerInfo.STATE_ACTIVATING:
+        return "activating";
+      case Ci.nsIServiceWorkerInfo.STATE_ACTIVATED:
+        return "activated";
+      case Ci.nsIServiceWorkerInfo.STATE_REDUNDANT:
+        return "redundant";
+      default:
+        return "unknown";
+    }
+  }
+
   get id() {
     return this._form.id;
   }
 
   form(form) {
     this.actorID = form.actor;
     this._form = form;
   }