Show ServiceWorkers in chrome://inspect.

chrome/browser/resources/inspect/inspect.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 var MIN_VERSION_TAB_CLOSE = 25;
 var MIN_VERSION_TARGET_ID = 26;
 var MIN_VERSION_NEW_TAB = 29;
 var MIN_VERSION_TAB_ACTIVATE = 30;
 
 var queryParamsObject = {};
@@ skipping 11 matching lines @@
 })();
 
 function sendCommand(command, args) {
   chrome.send(command, Array.prototype.slice.call(arguments, 1));
 }
 
 function sendTargetCommand(command, target) {
   sendCommand(command, target.source, target.id);
 }
 
+function sendServiceWorkerCommand(action, partition_path, scope) {
+  $('serviceworker-internals').contentWindow.postMessage({
+    'action': action,
+    'partition_path': partition_path,
+    'scope': scope
+  },'chrome://serviceworker-internals');
+}
+
 function removeChildren(element_id) {
   var element = $(element_id);
   element.textContent = '';
 }
 
 function onload() {
   var tabContents = document.querySelectorAll('#content > div');
   for (var i = 0; i != tabContents.length; i++) {
     var tabContent = tabContents[i];
     var tabName = tabContent.querySelector('.content-header').textContent;
 
     var tabHeader = document.createElement('div');
     tabHeader.className = 'tab-header';
     var button = document.createElement('button');
     button.textContent = tabName;
     tabHeader.appendChild(button);
     tabHeader.addEventListener('click', selectTab.bind(null, tabContent.id));
     $('navigation').appendChild(tabHeader);
   }
   onHashChange();
   initSettings();
   sendCommand('init-ui');
+  window.addEventListener('message', onMessage.bind(this), false);
+}
+
+function onMessage(event) {
+  if (event.origin != 'chrome://serviceworker-internals') {
+    return;
+  }
+  populateServiceWorkers(event.data.partition_id,
+                         event.data.workers);
 }
 
 function onHashChange() {
   var hash = window.location.hash.slice(1).toLowerCase();
   if (!selectTab(hash))
     selectTab('devices');
 }
 
 /**
  * @param {string} id Tab id.
@@ skipping 16 matching lines @@
       tabContent.classList.remove('selected');
       tabHeader.classList.remove('selected');
     }
   }
   if (!found)
     return false;
   window.location.hash = id;
   return true;
 }
 
+function populateServiceWorkers(partition_id, workers) {
+  var list = $('service-workers-list-' + partition_id);

[Vladislav Kaznacheev, 2014/05/23 11:03:28]

Do partitions ever go away? This code can only add partitions, so if they will
only accumulate in the UI.

[horo, 2014/05/23 11:21:34]

Done.
Added removeChild().

+  if (list) {
+    list.textContent = '';
+  } else {
+    list = document.createElement('div');
+    list.id = 'service-workers-list-' + partition_id;
+    list.className = 'list';
+    $('service-workers-list').appendChild(list);
+  }
+  for (var i = 0; i < workers.length; i++) {
+    var worker = workers[i];
+    worker.hasCustomInspectAction = true;
+    var row = addTargetToList(worker, list, ['scope', 'url']);
+    addActionLink(
+        row,
+        'inspect',
+        sendServiceWorkerCommand.bind(null,
+                                      'inspect',
+                                      worker.partition_path,
+                                      worker.scope),
+        false);
+    addActionLink(
+        row,
+        'terminate',
+        sendServiceWorkerCommand.bind(null,
+                                      'stop',
+                                      worker.partition_path,
+                                      worker.scope),
+        false);
+  }
+}
+
 function populateTargets(source, data) {
   if (source == 'renderers')
     populateWebContentsTargets(data);
   else if (source == 'workers')
     populateWorkerTargets(data);
   else if (source == 'adb')
     populateRemoteTargets(data);
   else
     console.error('Unknown source type: ' + source);
 }
@@ skipping 401 matching lines @@
   subrow.className = 'subrow';
   subrowBox.appendChild(subrow);
 
   for (var j = 0; j < properties.length; j++)
     subrow.appendChild(formatValue(data, properties[j]));
 
   var actionBox = document.createElement('div');
   actionBox.className = 'actions';
   subrowBox.appendChild(actionBox);
 
-  addActionLink(row, 'inspect', sendTargetCommand.bind(null, 'inspect', data),
-      data.hasNoUniqueId || data.adbAttachedForeign);
+  if (!data.hasCustomInspectAction) {
+    addActionLink(row, 'inspect', sendTargetCommand.bind(null, 'inspect', data),
+        data.hasNoUniqueId || data.adbAttachedForeign);
+  }
 
   list.appendChild(row);
   return row;
 }
 
 function addActionLink(row, text, handler, opt_disabled) {
   var link = document.createElement('span');
   link.classList.add('action');
   link.setAttribute('tabindex', 1);
   if (opt_disabled)
@@ skipping 345 matching lines @@
     deviceSection.querySelector('.device-ports').textContent = '';
   }
 
   Array.prototype.forEach.call(
       document.querySelectorAll('.device'), clearPorts);
 }
 
 document.addEventListener('DOMContentLoaded', onload);
 
 window.addEventListener('hashchange', onHashChange);