[4/5 blink] Shows the clients which are controlled by ServiceWorker in DevTools.

Source/devtools/front_end/resources/ServiceWorkersView.js

 // Copyright (c) 2015 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.
 
 /**
  * @constructor
  * @extends {WebInspector.VBox}
  * @implements {WebInspector.TargetManager.Observer}
  */
 WebInspector.ServiceWorkersView = function()
@@ skipping 395 matching lines @@
                 var scriptLastModifiedLabel = scriptURLDiv.createChild("label", " service-workers-info service-worker-script-last-modified", "dt-icon-label");
                 scriptLastModifiedLabel.type = "info-icon";
                 scriptLastModifiedLabel.createTextChild(WebInspector.UIString("Last-Modified: %s", (new Date(version.scriptLastModified * 1000)).toConsoleTime()));
             }
             if (version.scriptResponseTime) {
                 var scriptResponseTimeDiv = scriptURLDiv.createChild("label", " service-workers-info service-worker-script-response-time", "dt-icon-label");
                 scriptResponseTimeDiv.type = "info-icon";
                 scriptResponseTimeDiv.createTextChild(WebInspector.UIString("Server response time: %s", (new Date(version.scriptResponseTime * 1000)).toConsoleTime()));
             }
 
+            for (var i = 0; i < version.controlledClients.length; ++i) {
+                var client = version.controlledClients[i];
+                var clientLabel = scriptURLDiv.createChild("label", "service-workers-info", "dt-icon-label");
+                clientLabel.type = "info-icon";
+                var clientLabelText = clientLabel.createChild("label", "service-worker-client");
+                this._manager.getTargetInfo(client, this._updateClientInfo.bind(this, clientLabelText));
+            }
+
             var errorMessages = version.errorMessages;
             for (var index = 0; index < errorMessages.length; ++index) {
                 var errorDiv = scriptURLDiv.createChild("div", "service-workers-error");
                 errorDiv.createChild("label", "", "dt-icon-label").type = "error-icon";
                 errorDiv.createChild("div", "service-workers-error-message").createTextChild(errorMessages[index].errorMessage);
                 var script_path = errorMessages[index].sourceURL;
                 var script_url;
                 if (script_url = script_path.asParsedURL())
                     script_path = script_url.displayName;
                 if (script_path.length && errorMessages[index].lineNumber != -1)
                     script_path = String.sprintf("(%s:%d)", script_path, errorMessages[index].lineNumber);
                 errorDiv.createChild("div", "service-workers-error-line").createTextChild(script_path);
             }
 
         }
         if (!versions.length) {
             var stateRowElement = versionsElement.createChild("div", "service-workers-version-row");
             stateRowElement.createChild("div", "service-workers-version-status");
             stateRowElement.createChild("div", "service-workers-version-running-status");
             stateRowElement.createChild("div", "service-workers-version-script-url");
         }
         return modeRowElement;
     },
 
     /**
+     * @param {!Element} element
+     * @param {?WebInspector.TargetInfo} targetInfo
+     */
+    _updateClientInfo: function(element, targetInfo)
+    {
+        if (!targetInfo)
+            return;
+        element.createTextChild(WebInspector.UIString("Client: %s", targetInfo.url));
+        if (!(targetInfo.isWebContents() || targetInfo.isFrame()))
+            return;
+        var focusLabel = element.createChild("label", "service-worker-client-focus");
+        focusLabel.createTextChild("focus");
+        focusLabel.addEventListener("click", this._activateTarget.bind(this, targetInfo.id), true);
+    },
+
+    /**
+     * @param {string} targetId
+     */
+    _activateTarget: function(targetId)
+    {
+        this._manager.activateTarget(targetId);
+    },
+
+    /**
      * @param {!Event} event
      */
     _deleteButtonClicked: function(event)
     {
         this._manager.deleteRegistration(this._registration.id);
     },
 
     /**
      * @param {!Event} event
      */
@@ skipping 55 matching lines @@
     },
 
     /**
      * @return {boolean}
      */
     _visible: function()
     {
         return this._originElement._visible();
     },
 }