src/chrome/browser/resources/inspect/inspect.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <!--
   4 Copyright (c) 2012 The Chromium Authors. All rights reserved.
   5 Use of this source code is governed by a BSD-style license that can be
   6 found in the LICENSE file.
   7 -->
   8 <head>
   9 <meta charset="utf-8">
  10 <title>Inspect with Chrome Developer Tools</title>
  11
  12 <link rel="stylesheet" href="inspect.css">
  13 <script src="chrome://resources/js/util.js"></script>
  14 <script src="inspect.js"></script>
  15 </head>
  16
  17 <body>
  18
  19 <div id="container">
  20   <div id="navigation">
  21     <div id="caption">DevTools</div>
  22   </div>
  23   <div id="content">
  24     <div id="devices">
  25       <div class="content-header">Devices</div>
  26       <div id="device-settings">
  27         <input id="discover-usb-devices-enable" type="checkbox" disabled/>
  28         <label for="discover-usb-devices-enable"
  29             title="Enable Remote Debugging of Chrome for Android over raw USB
  30                    interface (no need to install / run Android Debug Bridge).">
  31           Discover USB devices
  32         </label>
  33         <button id="port-forwarding-config-open" disabled>
  34           Port forwarding...</button>
  35       </div>
  36       <div id="devices-help" hidden="true">No devices detected. Please read the
  37         <a href="https://developers.google.com/chrome-developer-tools/docs/remote-debugging">
  38         remote debugging documentation</a> to verify your device is enabled for
  39         USB debugging.
  40       </div>
  41       <div id="devices-incognito" hidden="true">
  42         Remote debugging is not available in Incognito mode.
  43       </div>
  44       <div id="devices-list"></div>
  45     </div>
  46     <div id="pages">
  47       <div class="content-header">Pages</div>
  48       <div id="pages-list" class="list pages"></div>
  49     </div>
  50     <div id="extensions">
  51       <div class="content-header">Extensions</div>
  52       <div id="extensions-list" class="list"></div>
  53     </div>
  54     <div id="apps">
  55       <div class="content-header">Apps</div>
  56       <div id="apps-list" class="list"></div>
  57     </div>
  58     <div id="workers">
  59       <div class="content-header">Shared workers</div>
  60       <div id="workers-list" class="list"></div>
  61     </div>
  62     <div id="service-workers">
  63       <div class="content-header">Service workers</div>
  64       <div id="service-workers-list" class="list"></div>
  65     </div>
  66     <div id="other">
  67       <div class="content-header">Other</div>
  68       <div id="others-list" class="list"></div>
  69     </div>
  70   </div>
  71 </div>
  72 <div id="port-forwarding-overlay">
  73   <div id="port-forwarding-config">
  74     <div id="port-forwarding-config-close" class="close-button"></div>
  75     <div id="port-forwarding-config-title">Port forwarding settings</div>
  76     <div id="port-forwarding-config-list">
  77     </div>
  78     <div id="port-forwarding-message">
  79         Define the listening port on your device that maps to a port accessible
  80         from your development machine.
  81         <a href="https://developers.google.com/chrome-developer-tools/docs/remote-debugging#reverse-port-forwarding"
  82            target="_blank">Learn more</a>
  83     </div>
  84     <div id="port-forwarding-config-buttons">
  85       <input id="port-forwarding-enable" type="checkbox" disabled/>
  86       <label for="port-forwarding-enable">Enable port forwarding</label>
  87       <button id="port-forwarding-config-done">Done</button>
  88     </div>
  89   </div>
  90 </div>
  91 </body>
  92 </html>