OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <html> |
3 <!-- | 3 <!-- |
4 Copyright (c) 2010 The Chromium Authors. All rights reserved. | 4 Copyright (c) 2010 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 i18n-values="dir:textdirection;"> | 8 <head i18n-values="dir:textdirection;"> |
| 9 <include src="content_security_policy.html"/> |
| 10 |
9 <link rel="stylesheet" href="webui.css"> | 11 <link rel="stylesheet" href="webui.css"> |
10 <style> | 12 <style> |
11 * { | 13 * { |
12 box-sizing: border-box; | 14 box-sizing: border-box; |
13 -webkit-user-select: none; | 15 -webkit-user-select: none; |
14 } | 16 } |
15 | 17 |
16 html, body, #main-tabs { | 18 html, body, #main-tabs { |
17 height: 100%; | 19 height: 100%; |
18 } | 20 } |
(...skipping 24 matching lines...) Expand all Loading... |
43 <link rel="stylesheet" href="gpu_internals/timeline_view.css"> | 45 <link rel="stylesheet" href="gpu_internals/timeline_view.css"> |
44 <link rel="stylesheet" href="gpu_internals/timeline.css"> | 46 <link rel="stylesheet" href="gpu_internals/timeline.css"> |
45 <link rel="stylesheet" href="gpu_internals/tracing_controller.css"> | 47 <link rel="stylesheet" href="gpu_internals/tracing_controller.css"> |
46 <link rel="stylesheet" href="chrome://resources/css/tabs.css"> | 48 <link rel="stylesheet" href="chrome://resources/css/tabs.css"> |
47 <script src="chrome://resources/js/cr.js"></script> | 49 <script src="chrome://resources/js/cr.js"></script> |
48 <script src="chrome://resources/js/cr/event_target.js"></script> | 50 <script src="chrome://resources/js/cr/event_target.js"></script> |
49 <script src="chrome://resources/js/cr/ui.js"></script> | 51 <script src="chrome://resources/js/cr/ui.js"></script> |
50 <script src="chrome://resources/js/cr/ui/focus_outline_manager.js"></script> | 52 <script src="chrome://resources/js/cr/ui/focus_outline_manager.js"></script> |
51 <script src="chrome://resources/js/cr/ui/tabs.js"></script> | 53 <script src="chrome://resources/js/cr/ui/tabs.js"></script> |
52 <script src="chrome://resources/js/util.js"></script> | 54 <script src="chrome://resources/js/util.js"></script> |
53 <script src="gpu_internals/overlay.js"></script> | 55 <script src="chrome://gpu-internals/gpu_internals.js"></script> |
54 <script src="gpu_internals/browser_bridge.js"></script> | 56 <script src="chrome://gpu-internals/strings.js"></script> |
55 <script src="gpu_internals/tracing_controller.js"></script> | |
56 <script src="gpu_internals/info_view.js"></script> | |
57 <script src="gpu_internals/timeline_model.js"></script> | |
58 <script src="gpu_internals/sorted_array_utils.js"></script> | |
59 <script src="gpu_internals/timeline.js"></script> | |
60 <script src="gpu_internals/timeline_track.js"></script> | |
61 <script src="gpu_internals/fast_rect_renderer.js"></script> | |
62 <script src="gpu_internals/profiling_view.js"></script> | |
63 <script src="gpu_internals/timeline_view.js"></script> | |
64 | |
65 <script> | |
66 var browserBridge; | |
67 var tracingController; | |
68 var timelineView; // made global for debugging purposes only | |
69 var profilingView; // made global for debugging purposes only | |
70 | |
71 /** | |
72 * Main entry point. called once the page has loaded. | |
73 */ | |
74 function onLoad() { | |
75 browserBridge = new gpu.BrowserBridge(); | |
76 tracingController = new gpu.TracingController(); | |
77 | |
78 // Create the views. | |
79 cr.ui.decorate('#info-view', gpu.InfoView); | |
80 | |
81 profilingView = $('profiling-view'); | |
82 cr.ui.decorate(profilingView, gpu.ProfilingView); | |
83 | |
84 // Create the main tab control | |
85 var tabs = $('main-tabs'); | |
86 cr.ui.decorate(tabs, cr.ui.TabBox); | |
87 | |
88 // Sync the main-tabs selectedTabs in-sync with the location. | |
89 tabs.addEventListener('selectedChange', function() { | |
90 if (tabs.selectedTab.id) { | |
91 history.pushState('', '', '#' + tabs.selectedTab.id); | |
92 } | |
93 }); | |
94 window.onhashchange = function() { | |
95 var cur = window.location.hash; | |
96 if (cur == '#' || cur == '') { | |
97 tabs.selectedTab = $('info-view'); | |
98 } else { | |
99 var tab = $(window.location.hash.substr(1)); | |
100 if (tab) | |
101 tabs.selectedTab = tab; | |
102 } | |
103 }; | |
104 window.onhashchange(); | |
105 } | |
106 | |
107 document.addEventListener('DOMContentLoaded', onLoad); | |
108 | |
109 </script> | |
110 </head> | 57 </head> |
111 <body> | 58 <body> |
112 <div id="debug-div"> | 59 <div id="debug-div"> |
113 </div> | 60 </div> |
114 <!-- Tabs --> | 61 <!-- Tabs --> |
115 <tabbox id="main-tabs"> | 62 <tabbox id="main-tabs"> |
116 <tabs> | 63 <tabs> |
117 <tab>GPU Info</tab> | 64 <tab>GPU Info</tab> |
118 <tab>Profiling</tab> | 65 <tab>Profiling</tab> |
119 </tabs> | 66 </tabs> |
120 <tabpanels> | 67 <tabpanels> |
121 <include src="gpu_internals/info_view.html"> | 68 <include src="gpu_internals/info_view.html"> |
122 <tabpanel id="profiling-view"</div> | 69 <tabpanel id="profiling-view"</div> |
123 </tabpanels> | 70 </tabpanels> |
124 </div> | 71 </div> |
| 72 <script src="chrome://resources/js/i18n_template.js"></script> |
| 73 <script src="chrome://resources/js/i18n_process.js"></script> |
| 74 <script src="chrome://resources/js/jstemplate_compiled.js"></script> |
125 </body> | 75 </body> |
126 </html> | 76 </html> |
OLD | NEW |