Add UI DevTools under chrome://inspect/#other

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 WEBRTC_SERIAL = 'WEBRTC';
 
@@ skipping 105 matching lines @@
     if (data[i].type === 'page')
       addToPagesList(data[i]);
     else if (data[i].type === 'background_page')
       addToExtensionsList(data[i]);
     else if (data[i].type === 'app')
       addToAppsList(data[i]);
     else if (data[i].type === 'shared_worker')
       addToWorkersList(data[i]);
     else if (data[i].type === 'service_worker')
       addToServiceWorkersList(data[i]);
+    else if (data[i].type === 'ui_devtools')
+      addUiDevToolsToOthersList(data[i]);
     else
       addToOthersList(data[i]);
   }
 }
 
 function showIncognitoWarning() {
   $('devices-incognito').hidden = false;
 }
 
 function alreadyDisplayed(element, data) {
@@ skipping 285 matching lines @@
     var row = addTargetToList(
         data, $('service-workers-list'), ['name', 'description', 'url']);
     addActionLink(row, 'terminate',
         sendTargetCommand.bind(null, 'close', data), false);
 }
 
 function addToOthersList(data) {
   addTargetToList(data, $('others-list'), ['url']);
 }
 
+function addUiDevToolsToOthersList(data) {
+  addTargetToList(data, $('others-list'), ['name', 'url']);
+}
+
 function formatValue(data, property) {
   var value = data[property];
 
   if (property == 'name' && value == '') {
     value = 'untitled';
   }
 
   var text = value ? String(value) : '';
   if (text.length > 100)
     text = text.substring(0, 100) + '\u2026';
@@ skipping 119 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);
 
-  if (!data.hasCustomInspectAction) {
+  if (data.isUiDevTools) {
+    addActionLink(row, 'inspect',
+        sendCommand.bind(null, 'inspect-ui', data.url), false);
+  } else 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');
@@ skipping 410 matching lines @@
     Array.prototype.forEach.call(
         deviceSection.querySelectorAll('.browser'), clearBrowserPorts);
   }
 
   Array.prototype.forEach.call(
       document.querySelectorAll('.device'), clearPorts);
 }
 
 document.addEventListener('DOMContentLoaded', onload);
 window.addEventListener('hashchange', onHashChange);