1{ 2 "extensions": [ 3 { 4 "type": "view", 5 "location": "panel", 6 "id": "elements", 7 "title": "Elements", 8 "order": 10, 9 "className": "Elements.ElementsPanel" 10 }, 11 { 12 "type": "@UI.ContextMenu.Provider", 13 "contextTypes": [ 14 "SDK.RemoteObject", 15 "SDK.DOMNode", 16 "SDK.DeferredDOMNode" 17 ], 18 "className": "Elements.ElementsPanel.ContextMenuProvider" 19 }, 20 { 21 "type": "@UI.Renderer", 22 "contextTypes": [ 23 "SDK.DOMNode", 24 "SDK.DeferredDOMNode" 25 ], 26 "className": "Elements.ElementsTreeOutline.Renderer" 27 }, 28 { 29 "type": "@Common.Revealer", 30 "contextTypes": [ 31 "SDK.DOMNode", 32 "SDK.DeferredDOMNode", 33 "SDK.RemoteObject" 34 ], 35 "destination": "Elements panel", 36 "className": "Elements.ElementsPanel.DOMNodeRevealer" 37 }, 38 { 39 "type": "@Common.Linkifier", 40 "contextTypes": [ 41 "SDK.DOMNode", 42 "SDK.DeferredDOMNode" 43 ], 44 "className": "Elements.DOMLinkifier.Linkifier" 45 }, 46 { 47 "type": "@Common.Revealer", 48 "contextTypes": [ 49 "SDK.CSSProperty" 50 ], 51 "destination": "styles sidebar", 52 "className": "Elements.ElementsPanel.CSSPropertyRevealer" 53 }, 54 { 55 "type": "setting", 56 "category": "Elements", 57 "order": 1, 58 "title": "Show user agent shadow DOM", 59 "settingName": "showUAShadowDOM", 60 "settingType": "boolean", 61 "defaultValue": false 62 }, 63 { 64 "type": "setting", 65 "category": "Elements", 66 "order": 2, 67 "title": "Word wrap", 68 "settingName": "domWordWrap", 69 "settingType": "boolean", 70 "defaultValue": true, 71 "options": [ 72 { 73 "value": true, 74 "title": "Enable DOM word wrap" 75 }, 76 { 77 "value": false, 78 "title": "Disable DOM word wrap" 79 } 80 ] 81 }, 82 { 83 "type": "setting", 84 "category": "Elements", 85 "order": 3, 86 "title": "Show HTML comments", 87 "settingName": "showHTMLComments", 88 "settingType": "boolean", 89 "defaultValue": true, 90 "options": [ 91 { 92 "value": true, 93 "title": "Show HTML comments" 94 }, 95 { 96 "value": false, 97 "title": "Hide HTML comments" 98 } 99 ] 100 }, 101 { 102 "type": "setting", 103 "category": "Elements", 104 "order": 4, 105 "title": "Reveal DOM node on hover", 106 "settingName": "highlightNodeOnHoverInOverlay", 107 "settingType": "boolean", 108 "defaultValue": true 109 }, 110 { 111 "type": "setting", 112 "category": "Elements", 113 "order": 5, 114 "title": "Show detailed inspect tooltip", 115 "settingName": "showDetailedInspectTooltip", 116 "settingType": "boolean", 117 "defaultValue": true 118 }, 119 { 120 "type": "setting", 121 "settingName": "showEventListenersForAncestors", 122 "settingType": "boolean", 123 "defaultValue": true 124 }, 125 { 126 "type": "@UI.ToolbarItem.Provider", 127 "className": "Elements.ElementStatePaneWidget.ButtonProvider", 128 "order": 1, 129 "location": "styles-sidebarpane-toolbar" 130 }, 131 { 132 "type": "@UI.ToolbarItem.Provider", 133 "className": "Elements.ClassesPaneWidget.ButtonProvider", 134 "order": 2, 135 "location": "styles-sidebarpane-toolbar" 136 }, 137 { 138 "type": "@UI.ToolbarItem.Provider", 139 "className": "Elements.StylesSidebarPane.ButtonProvider", 140 "order": 100, 141 "location": "styles-sidebarpane-toolbar" 142 }, 143 { 144 "type": "action", 145 "actionId": "elements.hide-element", 146 "category": "Elements", 147 "title": "Hide element", 148 "contextTypes": [ 149 "Elements.ElementsPanel" 150 ], 151 "className": "Elements.ElementsActionDelegate", 152 "bindings": [ 153 { 154 "shortcut": "H" 155 } 156 ] 157 }, 158 { 159 "type": "action", 160 "actionId": "elements.edit-as-html", 161 "category": "Elements", 162 "title": "Edit as HTML", 163 "contextTypes": [ 164 "Elements.ElementsPanel" 165 ], 166 "className": "Elements.ElementsActionDelegate", 167 "bindings": [ 168 { 169 "shortcut": "F2" 170 } 171 ] 172 }, 173 { 174 "type": "action", 175 "actionId": "elements.undo", 176 "category": "Elements", 177 "title": "Undo", 178 "contextTypes": [ 179 "Elements.ElementsPanel" 180 ], 181 "className": "Elements.ElementsActionDelegate", 182 "bindings": [ 183 { 184 "platform": "windows,linux", 185 "shortcut": "Ctrl+Z" 186 }, 187 { 188 "platform": "mac", 189 "shortcut": "Meta+Z" 190 } 191 ] 192 }, 193 { 194 "type": "action", 195 "actionId": "elements.redo", 196 "category": "Elements", 197 "title": "Redo", 198 "contextTypes": [ 199 "Elements.ElementsPanel" 200 ], 201 "className": "Elements.ElementsActionDelegate", 202 "bindings": [ 203 { 204 "platform": "windows,linux", 205 "shortcut": "Ctrl+Y" 206 }, 207 { 208 "platform": "mac", 209 "shortcut": "Meta+Shift+Z" 210 } 211 ] 212 }, 213 { 214 "type": "@Elements.MarkerDecorator", 215 "className": "Elements.ElementsPanel.PseudoStateMarkerDecorator", 216 "marker": "pseudo-state-marker" 217 }, 218 { 219 "type": "@Elements.MarkerDecorator", 220 "factoryName": "Elements.GenericDecorator", 221 "marker": "hidden-marker", 222 "title": "Element is hidden", 223 "color": "#555" 224 }, 225 { 226 "type": "action", 227 "category": "Elements", 228 "actionId": "elements.toggle-element-search", 229 "toggleable": true, 230 "className": "Elements.InspectElementModeController.ToggleSearchActionDelegate", 231 "title": "Select an element in the page to inspect it", 232 "iconClass": "largeicon-node-search", 233 "bindings": [ 234 { 235 "platform": "windows,linux", 236 "shortcut": "Ctrl+Shift+C" 237 }, 238 { 239 "platform": "mac", 240 "shortcut": "Meta+Shift+C" 241 } 242 ] 243 }, 244 { 245 "type": "action", 246 "actionId": "elements.capture-area-screenshot", 247 "className": "Elements.InspectElementModeController.ToggleSearchActionDelegate", 248 "title": "Capture area screenshot", 249 "category": "Screenshot" 250 }, 251 { 252 "type": "@UI.ToolbarItem.Provider", 253 "actionId": "elements.toggle-element-search", 254 "location": "main-toolbar-left", 255 "order": 0 256 }, 257 { 258 "type": "@UI.ViewLocationResolver", 259 "name": "elements-sidebar", 260 "category": "Elements", 261 "className": "Elements.ElementsPanel" 262 }, 263 { 264 "type": "view", 265 "location": "elements-sidebar", 266 "id": "elements.eventListeners", 267 "title": "Event Listeners", 268 "order": 5, 269 "hasToolbar": true, 270 "persistence": "permanent", 271 "className": "Elements.EventListenersWidget" 272 }, 273 { 274 "type": "view", 275 "location": "elements-sidebar", 276 "id": "elements.domProperties", 277 "title": "Properties", 278 "order": 7, 279 "persistence": "permanent", 280 "className": "Elements.PropertiesWidget" 281 }, 282 { 283 "type": "view", 284 "experiment": "captureNodeCreationStacks", 285 "location": "elements-sidebar", 286 "id": "elements.domCreation", 287 "title": "Stack Trace", 288 "order": 10, 289 "persistence": "permanent", 290 "className": "Elements.NodeStackTraceWidget" 291 } 292 ], 293 "dependencies": [ 294 "components", 295 "extensions", 296 "inline_editor", 297 "color_picker", 298 "event_listeners" 299 ], 300 "scripts": [], 301 "modules": [ 302 "elements.js", 303 "elements-legacy.js", 304 "InspectElementModeController.js", 305 "ColorSwatchPopoverIcon.js", 306 "ComputedStyleModel.js", 307 "DOMLinkifier.js", 308 "DOMPath.js", 309 "ElementsBreadcrumbs.js", 310 "ElementsSidebarPane.js", 311 "ElementsTreeElement.js", 312 "ElementsTreeOutline.js", 313 "EventListenersWidget.js", 314 "MarkerDecorator.js", 315 "MetricsSidebarPane.js", 316 "PlatformFontsWidget.js", 317 "PropertiesWidget.js", 318 "NodeStackTraceWidget.js", 319 "StylePropertyHighlighter.js", 320 "StylesSidebarPane.js", 321 "StylePropertyTreeElement.js", 322 "ComputedStyleWidget.js", 323 "ElementsPanel.js", 324 "ClassesPaneWidget.js", 325 "ElementStatePaneWidget.js", 326 "ElementsTreeElementHighlighter.js" 327 ], 328 "resources": [ 329 "breadcrumbs.css", 330 "classesPaneWidget.css", 331 "computedStyleSidebarPane.css", 332 "computedStyleWidgetTree.css", 333 "domLinkifier.css", 334 "elementsPanel.css", 335 "elementStatePaneWidget.css", 336 "elementsTreeOutline.css", 337 "metricsSidebarPane.css", 338 "platformFontsWidget.css", 339 "propertiesWidget.css", 340 "nodeStackTraceWidget.css", 341 "stylesSectionTree.css", 342 "stylesSidebarPane.css" 343 ] 344} 345