Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(244)

Side by Side Diff: chrome/browser/resources/inspect/inspect.html

Issue 2248133002: [DevTools] Add UI for adding remote targets (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: [DevTools] Add UI for adding remote targets Created 4 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!doctype html> 1 <!doctype html>
2 <html> 2 <html>
3 <!-- 3 <!--
4 Copyright (c) 2012 The Chromium Authors. All rights reserved. 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 5 Use of this source code is governed by a BSD-style license that can be
6 found in the LICENSE file. 6 found in the LICENSE file.
7 --> 7 -->
8 <head> 8 <head>
9 <meta charset="utf-8"> 9 <meta charset="utf-8">
10 <title>Inspect with Chrome Developer Tools</title> 10 <title>Inspect with Chrome Developer Tools</title>
11 <link rel="stylesheet" href="chrome://resources/css/text_defaults.css"> 11 <link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
12 <link rel="stylesheet" href="inspect.css"> 12 <link rel="stylesheet" href="inspect.css">
13 <script src="chrome://resources/js/util.js"></script> 13 <script src="chrome://resources/js/util.js"></script>
14 <script src="inspect.js"></script> 14 <script src="inspect.js"></script>
15 </head> 15 </head>
16 16
17 <body> 17 <body>
18 18
19 <div id="container"> 19 <div id="container">
20 <div id="navigation"> 20 <div id="navigation">
21 <div id="caption">DevTools</div> 21 <div id="caption">DevTools</div>
22 </div> 22 </div>
23 <div id="content"> 23 <div id="content">
24 <div id="devices"> 24 <div id="devices">
25 <div class="content-header">Devices</div> 25 <div class="content-header">Devices</div>
26 <div id="device-settings"> 26 <div id="device-settings">
27 <input id="discover-usb-devices-enable" type="checkbox" disabled/> 27 <div class="settings-bar">
28 <label for="discover-usb-devices-enable" 28 <label title="Enable Remote Debugging of Chrome for Android over raw U SB
29 title="Enable Remote Debugging of Chrome for Android over raw USB 29 interface (no need to install / run Android Debug Bridge ).">
30 interface (no need to install / run Android Debug Bridge)."> 30 <input id="discover-usb-devices-enable" type="checkbox" disabled>
31 Discover USB devices 31 Discover USB devices
32 </label> 32 </label>
33 <button id="port-forwarding-config-open" disabled> 33 <button id="port-forwarding-config-open" disabled>
34 Port forwarding...</button> 34 Port forwarding...</button>
35 </div>
36 <div class="settings-bar">
37 <label title="Enable Remote Debugging over network.">
38 <input id="discover-tcp-devices-enable" type="checkbox" disabled>
39 Discover network targets
40 </label>
41 <button id="tcp-discovery-config-open">
42 Configure...</button>
43 </div>
35 </div> 44 </div>
36 <div id="devices-help" hidden="true">No devices detected. Please read the 45 <div id="devices-help" hidden="true">No devices detected. Please read the
37 <a href="https://developers.google.com/chrome-developer-tools/docs/remot e-debugging"> 46 <a href="https://developers.google.com/chrome-developer-tools/docs/remot e-debugging">
38 remote debugging documentation</a> to verify your device is enabled for 47 remote debugging documentation</a> to verify your device is enabled for
39 USB debugging. 48 USB debugging.
40 </div> 49 </div>
41 <div id="devices-incognito" hidden="true"> 50 <div id="devices-incognito" hidden="true">
42 Remote debugging is not available in Incognito mode. 51 Remote debugging is not available in Incognito mode.
43 </div> 52 </div>
44 <div id="devices-list"></div> 53 <div id="devices-list"></div>
(...skipping 17 matching lines...) Expand all
62 <div id="service-workers"> 71 <div id="service-workers">
63 <div class="content-header">Service workers</div> 72 <div class="content-header">Service workers</div>
64 <div id="service-workers-list" class="list"></div> 73 <div id="service-workers-list" class="list"></div>
65 </div> 74 </div>
66 <div id="other"> 75 <div id="other">
67 <div class="content-header">Other</div> 76 <div class="content-header">Other</div>
68 <div id="others-list" class="list"></div> 77 <div id="others-list" class="list"></div>
69 </div> 78 </div>
70 </div> 79 </div>
71 </div> 80 </div>
72 <dialog id="port-forwarding-config"> 81 <dialog id="config-dialog" class="config">
73 <div id="port-forwarding-config-close" class="close-button"></div> 82 <div id="config-dialog-close" class="close-button"></div>
74 <div id="port-forwarding-config-title">Port forwarding settings</div> 83 <div id="port-forwarding-config-title" class="title port-forwarding">Port forw arding settings</div>
75 <div id="port-forwarding-config-list"> 84 <div id="target-discovery-config-title" class="title target-discovery">Target discovery settings</div>
85 <div id="config-list" class="list">
76 </div> 86 </div>
77 <div id="port-forwarding-message"> 87 <div id="port-forwarding-message" class="message port-forwarding">
78 Define the listening port on your device that maps to a port accessible 88 Define the listening port on your device that maps to a port accessible
79 from your development machine. 89 from your development machine.
80 <a href="https://developer.chrome.com/devtools/docs/remote-debugging#rever se-port-forwarding" 90 <a href="https://developer.chrome.com/devtools/docs/remote-debugging#rever se-port-forwarding"
81 target="_blank">Learn more</a> 91 target="_blank">Learn more</a>
82 </div> 92 </div>
83 <div id="port-forwarding-config-buttons"> 93 <div id="targets-message" class="message target-discovery">
84 <label> 94 Specify hosts and ports of the target discovery servers.
95 </div>
96 <div class="config-buttons">
97 <label class="port-forwarding">
85 <input id="port-forwarding-enable" type="checkbox" disabled>Enable port fo rwarding 98 <input id="port-forwarding-enable" type="checkbox" disabled>Enable port fo rwarding
86 </label> 99 </label>
87 <button id="port-forwarding-config-done">Done</button> 100 <button id="button-done">Done</button>
88 </div> 101 </div>
89 </dialog> 102 </dialog>
90 </body> 103 </body>
91 </html> 104 </html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/inspect/inspect.css ('k') | chrome/browser/resources/inspect/inspect.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698