index.xhtml (10984B)
1 <?xml version="1.0" encoding="utf-8"?> 2 <!-- This Source Code Form is subject to the terms of the Mozilla Public 3 - License, v. 2.0. If a copy of the MPL was not distributed with this 4 - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> 5 <!DOCTYPE html> 6 7 <html xmlns="http://www.w3.org/1999/xhtml" dir=""> 8 <head> 9 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 10 <meta 11 http-equiv="Content-Security-Policy" 12 content="default-src chrome: resource:; img-src chrome: data:; style-src chrome: 'unsafe-inline';" 13 /> 14 15 <link rel="stylesheet" href="chrome://devtools/skin/breadcrumbs.css" /> 16 <link rel="stylesheet" href="chrome://devtools/skin/inspector.css" /> 17 <link rel="stylesheet" href="chrome://devtools/skin/badge.css" /> 18 <link rel="stylesheet" href="chrome://devtools/skin/rules.css" /> 19 <link rel="stylesheet" href="chrome://devtools/skin/inspector-shared.css" /> 20 <link rel="stylesheet" href="chrome://devtools/skin/compatibility.css" /> 21 <link rel="stylesheet" href="chrome://devtools/skin/computed.css" /> 22 <link rel="stylesheet" href="chrome://devtools/skin/changes.css" /> 23 <link rel="stylesheet" href="chrome://devtools/skin/fonts.css" /> 24 <link rel="stylesheet" href="chrome://devtools/skin/boxmodel.css" /> 25 <link rel="stylesheet" href="chrome://devtools/skin/layout.css" /> 26 <link rel="stylesheet" href="chrome://devtools/skin/animation.css" /> 27 <link 28 rel="stylesheet" 29 href="chrome://devtools/content/shared/components/tabs/Tabs.css" 30 /> 31 <link 32 rel="stylesheet" 33 href="chrome://devtools/content/shared/components/SidebarToggle.css" 34 /> 35 <link 36 rel="stylesheet" 37 href="chrome://devtools/content/inspector/components/InspectorTabPanel.css" 38 /> 39 <link 40 rel="stylesheet" 41 href="chrome://devtools/content/shared/components/splitter/SplitBox.css" 42 /> 43 <link 44 rel="stylesheet" 45 href="chrome://devtools/content/shared/components/Accordion.css" 46 /> 47 <link 48 rel="stylesheet" 49 href="chrome://devtools/content/shared/components/reps/reps.css" 50 /> 51 <!-- Needed for the ObjectInspector --> 52 <link 53 rel="stylesheet" 54 href="chrome://devtools/content/shared/components/Tree.css" 55 /> 56 <link 57 rel="stylesheet" 58 href="chrome://devtools/content/shared/components/object-inspector/components/ObjectInspector.css" 59 /> 60 <link 61 rel="stylesheet" 62 href="chrome://devtools/content/shared/components/tree/TreeView.css" 63 /> 64 65 <script src="chrome://devtools/content/shared/theme-switching.js"></script> 66 <script src="chrome://devtools/content/inspector/index.js"></script> 67 </head> 68 <body class="theme-body" role="application"> 69 <div 70 class="inspector-responsive-container theme-body inspector" 71 data-localization-bundle="devtools/client/locales/inspector.properties" 72 > 73 <!-- Main Panel Content --> 74 <div id="inspector-main-content" class="devtools-main-content"> 75 <!-- Toolbar --> 76 <div 77 id="inspector-toolbar" 78 class="devtools-toolbar devtools-input-toolbar" 79 > 80 <div id="inspector-search" class="devtools-searchbox"> 81 <input 82 id="inspector-searchbox" 83 class="devtools-searchinput" 84 type="search" 85 data-localization="placeholder=inspectorSearchHTML.label3" 86 /> 87 <div id="inspector-searchlabel-container" hidden=""> 88 <span id="inspector-searchlabel"></span> 89 <div id="inspector-searchnavigation-container" hidden=""> 90 <button 91 class="inspector-searchnavigation-buttons devtools-button" 92 id="inspector-searchnavigation-button-prev" 93 data-localization="title=inspectorSearchHTML.prevButton.title" 94 ></button> 95 <button 96 class="inspector-searchnavigation-buttons devtools-button" 97 id="inspector-searchnavigation-button-next" 98 data-localization="title=inspectorSearchHTML.nextButton.title" 99 ></button> 100 </div> 101 <div class="devtools-separator"></div> 102 </div> 103 <button 104 id="inspector-searchinput-clear" 105 class="devtools-searchinput-clear" 106 hidden="" 107 data-localization="title=inspectorSearchHTML.clearButton.title" 108 ></button> 109 </div> 110 <div class="devtools-separator"></div> 111 <button 112 id="inspector-element-add-button" 113 class="devtools-button" 114 data-localization="title=inspectorAddNode.label" 115 ></button> 116 <button 117 id="inspector-eyedropper-toggle" 118 class="devtools-button" 119 ></button> 120 </div> 121 122 <!-- Markup Container --> 123 <div id="markup-box"></div> 124 <div id="inspector-breadcrumbs-toolbar" class="devtools-toolbar"> 125 <div 126 id="inspector-breadcrumbs" 127 class="breadcrumbs-widget-container" 128 role="toolbar" 129 data-localization="aria-label=inspector.breadcrumbs.label" 130 tabindex="0" 131 ></div> 132 </div> 133 </div> 134 135 <!-- Splitter --> 136 <div id="inspector-splitter-box"></div> 137 138 <!-- Split Sidebar Container --> 139 <div id="inspector-rules-container"> 140 <div id="inspector-rules-sidebar" hidden=""></div> 141 </div> 142 143 <!-- Sidebar Container --> 144 <div id="inspector-sidebar-container"> 145 <div id="inspector-sidebar" hidden=""></div> 146 </div> 147 148 <!-- Sidebar Panel Definitions --> 149 <div id="tabpanels"> 150 <div 151 id="sidebar-panel-ruleview" 152 class="theme-sidebar inspector-tabpanel" 153 > 154 <div id="ruleview-toolbar-container"> 155 <div 156 id="ruleview-toolbar" 157 class="devtools-toolbar devtools-input-toolbar" 158 > 159 <div class="devtools-searchbox"> 160 <input 161 id="ruleview-searchbox" 162 class="devtools-filterinput" 163 type="search" 164 data-localization="aria-label=inspector.filterStyles.label;placeholder=inspector.filterStyles.placeholder" 165 /> 166 <button 167 id="ruleview-searchinput-clear" 168 data-localization="title=inspector.filterStylesClearButton.title" 169 class="devtools-searchinput-clear" 170 ></button> 171 </div> 172 <div class="devtools-separator"></div> 173 <div id="ruleview-command-toolbar"> 174 <button 175 id="pseudo-class-panel-toggle" 176 data-localization="title=inspector.togglePseudo.tooltip" 177 class="devtools-button" 178 aria-controls="pseudo-class-panel" 179 aria-pressed="false" 180 ></button> 181 <button 182 id="class-panel-toggle" 183 data-localization="title=inspector.classPanel.toggleClass.tooltip" 184 class="devtools-button" 185 aria-controls="ruleview-class-panel" 186 aria-pressed="false" 187 ></button> 188 <button 189 id="ruleview-add-rule-button" 190 data-localization="title=inspector.addRule.tooltip" 191 class="devtools-button" 192 ></button> 193 <button 194 id="color-scheme-simulation-light-toggle" 195 data-localization="title=inspector.colorSchemeSimulationLight.tooltip" 196 class="devtools-button" 197 hidden="" 198 aria-pressed="false" 199 ></button> 200 <button 201 id="color-scheme-simulation-dark-toggle" 202 data-localization="title=inspector.colorSchemeSimulationDark.tooltip" 203 class="devtools-button" 204 hidden="" 205 aria-pressed="false" 206 ></button> 207 <button 208 id="print-simulation-toggle" 209 data-localization="title=inspector.printSimulation.tooltip" 210 class="devtools-button" 211 hidden="" 212 aria-pressed="false" 213 ></button> 214 </div> 215 </div> 216 <div 217 id="pseudo-class-panel" 218 class="theme-toolbar ruleview-reveal-panel" 219 hidden="" 220 > 221 <!-- Populated with checkbox inputs once the Rules view is instantiated --> 222 </div> 223 <div 224 id="ruleview-class-panel" 225 class="theme-toolbar ruleview-reveal-panel" 226 hidden="" 227 ></div> 228 </div> 229 230 <div id="ruleview-container" class="ruleview" role="document"> 231 <div id="ruleview-container-focusable" tabindex="-1"></div> 232 </div> 233 </div> 234 235 <div 236 id="sidebar-panel-computedview" 237 class="theme-sidebar inspector-tabpanel" 238 > 239 <div 240 id="computed-toolbar" 241 class="devtools-toolbar devtools-input-toolbar" 242 > 243 <div class="devtools-searchbox"> 244 <input 245 id="computed-searchbox" 246 class="devtools-filterinput" 247 type="search" 248 data-localization="aria-label=inspector.filterStyles.label;placeholder=inspector.filterStyles.placeholder" 249 /> 250 <button 251 id="computed-searchinput-clear" 252 class="devtools-searchinput-clear" 253 data-localization="title=inspector.filterStylesClearButton.title" 254 ></button> 255 </div> 256 <div class="devtools-separator"></div> 257 <input 258 id="browser-style-checkbox" 259 type="checkbox" 260 class="includebrowserstyles" 261 /> 262 <label 263 id="browser-style-checkbox-label" 264 for="browser-style-checkbox" 265 data-localization="content=inspector.browserStyles.label" 266 ></label> 267 </div> 268 269 <div id="computed-container" role="document"> 270 <div id="computed-container-focusable" tabindex="-1"> 271 <ul 272 id="computed-property-container" 273 class="devtools-monospace" 274 tabindex="0" 275 dir="ltr" 276 ></ul> 277 <div 278 id="computed-no-results" 279 class="devtools-sidepanel-no-result" 280 hidden="" 281 data-localization="content=inspector.noProperties" 282 ></div> 283 </div> 284 </div> 285 </div> 286 </div> 287 </div> 288 </body> 289 </html>