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.
10 <title>Inspect with Chrome Developer Tools</title>
12 <link rel="stylesheet" href="inspect.css">
13 <script src="chrome://resources/js/util.js"></script>
14 <script src="inspect.js"></script>
21 <div id="caption">DevTools</div>
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).">
33 <button id="port-forwarding-config-open" disabled>
34 Port forwarding...</button>
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
41 <div id="devices-incognito" hidden="true">
42 Remote debugging is not available in Incognito mode.
44 <div id="devices-list"></div>
47 <div class="content-header">Pages</div>
48 <div id="pages-list" class="list pages"></div>
51 <div class="content-header">Extensions</div>
52 <div id="extensions-list" class="list"></div>
55 <div class="content-header">Apps</div>
56 <div id="apps-list" class="list"></div>
59 <div class="content-header">Shared workers</div>
60 <div id="workers-list" class="list"></div>
62 <div id="service-workers">
63 <div class="content-header">Service workers</div>
64 <div id="service-workers-list" class="list"></div>
67 <div class="content-header">Other</div>
68 <div id="others-list" class="list"></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">
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>
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>