summaryrefslogtreecommitdiff
path: root/chromium/chrome/browser/resources/inspect/inspect.html
blob: ea5cccb11c94a292bcce6c0a9f04a247f6f00342 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!doctype html>
<html lang="en">
<!--
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.
-->
<head>
<meta charset="utf-8">
<title>Inspect with Chrome Developer Tools</title>
<link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
<link rel="stylesheet" href="inspect.css">
<script src="chrome://resources/js/assert.js"></script>
<script src="chrome://resources/js/util.js"></script>
<script src="inspect.js"></script>
</head>

<body>

<div id="infobar">Port forwarding is active. Closing this page terminates it.</div>
<div id="container">
  <div id="navigation">
    <div id="caption">DevTools</div>
  </div>
  <div id="content">
    <div id="devices">
      <div class="content-header">Devices</div>
      <div id="device-settings">
        <div class="settings-bar">
          <label title="Enable Remote Debugging of Chrome for Android over raw USB
                        interface (no need to install / run Android Debug Bridge).">
            <input id="discover-usb-devices-enable" type="checkbox" disabled>
            Discover USB devices
          </label>
          <button id="port-forwarding-config-open" disabled>
              Port forwarding...</button>
        </div>
        <div class="settings-bar">
          <label title="Enable Remote Debugging over network.">
            <input id="discover-tcp-devices-enable" type="checkbox" disabled>
            Discover network targets
          </label>
          <button id="tcp-discovery-config-open">
            Configure...</button>
        </div>
        <div id="node-frontend" class="action node-frontend-action">
          Open dedicated DevTools for Node
        </div>
      </div>
      <div id="devices-help" hidden="true">No devices detected. Please read the
        <a href="https://developers.google.com/chrome-developer-tools/docs/remote-debugging">
        remote debugging documentation</a> to verify your device is enabled for
        USB debugging.
      </div>
      <div id="devices-incognito" hidden="true">
        Remote debugging is not available in Incognito mode.
      </div>
      <div id="devices-list"></div>
    </div>
    <div id="pages">
      <div class="content-header">Pages</div>
      <div id="pages-list" class="list pages"></div>
    </div>
    <div id="extensions">
      <div class="content-header">Extensions</div>
      <div id="extensions-list" class="list"></div>
    </div>
    <div id="apps">
      <div class="content-header">Apps</div>
      <div id="apps-list" class="list"></div>
    </div>
    <div id="workers">
      <div class="content-header">Shared workers</div>
      <div id="workers-list" class="list"></div>
    </div>
    <div id="service-workers">
      <div class="content-header">Service workers</div>
      <div id="service-workers-list" class="list"></div>
    </div>
    <div id="other">
      <div class="content-header">Other</div>
      <div id="others-list" class="list"></div>
    </div>
  </div>
</div>
<dialog id="config-dialog" class="config">
  <div id="config-dialog-close" class="close-button"></div>
  <div id="port-forwarding-config-title" class="title port-forwarding">Port forwarding settings</div>
  <div id="target-discovery-config-title" class="title target-discovery">Target discovery settings</div>
  <div id="config-list" class="list">
  </div>
  <div id="port-forwarding-message" class="message port-forwarding">
      Define the listening port on your device that maps to a port accessible
      from your development machine.
      <a href="https://developer.chrome.com/devtools/docs/remote-debugging#reverse-port-forwarding"
         target="_blank">Learn more</a>
  </div>
  <div id="targets-message" class="message target-discovery">
      Specify hosts and ports of the target discovery servers.
  </div>
  <div class="config-buttons">
    <label class="port-forwarding-container">
      <input id="port-forwarding-enable" type="checkbox" disabled>Enable port forwarding
    </label>
    <button id="button-done">Done</button>
  </div>
</dialog>
</body>
</html>