Home | History | Annotate | Download | only in inspect
      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       <iframe src="chrome://serviceworker-internals/#iframe" name="serviceworker-internals" id="serviceworker-internals"></iframe>
     66     </div>
     67     <div id="other">
     68       <div class="content-header">Other</div>
     69       <div id="others-list" class="list"></div>
     70     </div>
     71   </div>
     72 </div>
     73 <div id="port-forwarding-overlay">
     74   <div id="port-forwarding-config">
     75     <div id="port-forwarding-config-close" class="close-button"></div>
     76     <div id="port-forwarding-config-title">Port forwarding settings</div>
     77     <div id="port-forwarding-config-list">
     78     </div>
     79     <div id="port-forwarding-message">
     80         Define the listening port on your device that maps to a port accessible
     81         from your development machine.
     82         <a href="https://developers.google.com/chrome-developer-tools/docs/remote-debugging#reverse-port-forwarding"
     83            target="_blank">Learn more</a>
     84     </div>
     85     <div id="port-forwarding-config-buttons">
     86       <input id="port-forwarding-enable" type="checkbox" disabled/>
     87       <label for="port-forwarding-enable">Enable port forwarding</label>
     88       <button id="port-forwarding-config-done">Done</button>
     89     </div>
     90   </div>
     91 </div>
     92 </body>
     93 </html>
     94