• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<!DOCTYPE HTML>
2<html>
3<!--
4Copyright (c) 2012 The Chromium Authors. All rights reserved.
5Use of this source code is governed by a BSD-style license that can be
6found 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