Add option to open the DevTools window for ServiceWorker on start in serviceworker-internals.

content/browser/resources/service_worker/serviceworker_internals.js

 // Copyright 2014 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.
 
 cr.define('serviceworker', function() {
     'use strict';
 
     function initialize() {
         if (window.location.hash == "#iframe") {
             // This page is loaded from chrome://inspect.
             window.addEventListener('message', onMessage.bind(this), false);
         }
         update();
     }
 
     function onMessage(event) {
         if (event.origin != 'chrome://inspect') {
             return;
         }
         chrome.send(event.data.action,
                     [event.data.partition_path, event.data.scope]);
     }
 
     function update() {
+        chrome.send('GetOptions');
         chrome.send('getAllRegistrations');
     }
 
+    function onOptions(options) {
+        var template;
+        var container = $('serviceworker-options');
+        if (container.childNodes) {
+            template = container.childNodes[0];
+        }
+        if (!template) {
+            template = jstGetTemplate('serviceworker-options-template');
+            container.appendChild(template);
+        }
+        jstProcess(new JsEvalContext(options), template);
+        var inputs = container.querySelectorAll('input[type=\'checkbox\']');
+        for (var i = 0; i < inputs.length; ++i) {
+            if (!inputs[i].hasClickEvent) {
+                inputs[i].addEventListener('click', (function(event) {
+                    chrome.send('SetOption',
+                                [event.target.className, event.target.checked]);
+                }).bind(this), false);
+                inputs[i].hasClickEvent = true;
+            }
+        }
+    }
+
     function progressNodeFor(link) {
         return link.parentNode.querySelector('.operation-status');
     }
 
     // All commands are sent with the partition_path and scope, and
     // are all completed with 'onOperationComplete'.
     var COMMANDS = ['unregister', 'start', 'stop', 'sync', 'inspect'];
     function commandHandler(command) {
         return function(event) {
             var link = event.target;
@@ skipping 163 matching lines @@
             if (logArea.partition_id == partition_id &&
                 logArea.version_id == version_id) {
                 logArea.value += message;
             }
         }
     }
 
     return {
         initialize: initialize,
         update: update,
+        onOptions: onOptions,
         onOperationComplete: onOperationComplete,
         onPartitionData: onPartitionData,
         onWorkerStarted: onWorkerStarted,
         onWorkerStopped: onWorkerStopped,
         onErrorReported: onErrorReported,
         onConsoleMessageReported: onConsoleMessageReported,
         onVersionStateChanged: onVersionStateChanged,
         onRegistrationStored: onRegistrationStored,
         onRegistrationDeleted: onRegistrationDeleted,
     };
 });
 
 document.addEventListener('DOMContentLoaded', serviceworker.initialize);