| { |
| "extensions": [ |
| { |
| "type": "view", |
| "location": "panel", |
| "id": "elements", |
| "title": "Elements", |
| "order": 10, |
| "className": "Elements.ElementsPanel" |
| }, |
| { |
| "type": "@UI.ContextMenu.Provider", |
| "contextTypes": [ |
| "SDK.RemoteObject", |
| "SDK.DOMNode", |
| "SDK.DeferredDOMNode" |
| ], |
| "className": "Elements.ElementsPanel.ContextMenuProvider" |
| }, |
| { |
| "type": "@Common.Renderer", |
| "contextTypes": [ |
| "SDK.DOMNode", |
| "SDK.DeferredDOMNode" |
| ], |
| "className": "Elements.ElementsTreeOutline.Renderer" |
| }, |
| { |
| "type": "@Common.Revealer", |
| "contextTypes": [ |
| "SDK.DOMNode", |
| "SDK.DeferredDOMNode", |
| "SDK.RemoteObject" |
| ], |
| "destination": "Elements panel", |
| "className": "Elements.ElementsPanel.DOMNodeRevealer" |
| }, |
| { |
| "type": "@Common.Linkifier", |
| "contextTypes": [ |
| "SDK.DOMNode", |
| "SDK.DeferredDOMNode" |
| ], |
| "className": "Elements.DOMLinkifier.Linkifier" |
| }, |
| { |
| "type": "@Common.Revealer", |
| "contextTypes": [ |
| "SDK.CSSProperty" |
| ], |
| "destination": "styles sidebar", |
| "className": "Elements.ElementsPanel.CSSPropertyRevealer" |
| }, |
| { |
| "type": "setting", |
| "category": "Elements", |
| "order": 0, |
| "title": "Color format:", |
| "settingName": "colorFormat", |
| "settingType": "enum", |
| "defaultValue": "original", |
| "options": [ |
| { |
| "title": "Set color format as authored", |
| "text": "As authored", |
| "value": "original" |
| }, |
| { |
| "title": "Set color format to HEX", |
| "text": "HEX: #dac0de", |
| "value": "hex", |
| "raw": true |
| }, |
| { |
| "title": "Set color format to RGB", |
| "text": "RGB: rgb(128, 255, 255)", |
| "value": "rgb", |
| "raw": true |
| }, |
| { |
| "title": "Set color format to HSL", |
| "text": "HSL: hsl(300, 80%, 90%)", |
| "value": "hsl", |
| "raw": true |
| } |
| ] |
| }, |
| { |
| "type": "setting", |
| "category": "Elements", |
| "order": 1, |
| "title": "Show user agent shadow DOM", |
| "settingName": "showUAShadowDOM", |
| "settingType": "boolean", |
| "defaultValue": false |
| }, |
| { |
| "type": "setting", |
| "category": "Elements", |
| "order": 2, |
| "title": "Word wrap", |
| "settingName": "domWordWrap", |
| "settingType": "boolean", |
| "defaultValue": true, |
| "options": [ |
| { |
| "value": true, |
| "title": "Enable DOM word wrap" |
| }, |
| { |
| "value": false, |
| "title": "Disable DOM word wrap" |
| } |
| ] |
| }, |
| { |
| "type": "setting", |
| "category": "Elements", |
| "order": 3, |
| "title": "Show HTML comments", |
| "settingName": "showHTMLComments", |
| "settingType": "boolean", |
| "defaultValue": true, |
| "options": [ |
| { |
| "value": true, |
| "title": "Show HTML comments" |
| }, |
| { |
| "value": false, |
| "title": "Hide HTML comments" |
| } |
| ] |
| }, |
| { |
| "type": "setting", |
| "category": "Elements", |
| "order": 4, |
| "title": "Reveal DOM node on hover", |
| "settingName": "highlightNodeOnHoverInOverlay", |
| "settingType": "boolean", |
| "defaultValue": true |
| }, |
| { |
| "type": "setting", |
| "settingName": "showEventListenersForAncestors", |
| "settingType": "boolean", |
| "defaultValue": true |
| }, |
| { |
| "type": "@UI.ToolbarItem.Provider", |
| "className": "Elements.ElementStatePaneWidget.ButtonProvider", |
| "order": 1, |
| "location": "styles-sidebarpane-toolbar" |
| }, |
| { |
| "type": "@UI.ToolbarItem.Provider", |
| "className": "Elements.ClassesPaneWidget.ButtonProvider", |
| "order": 2, |
| "location": "styles-sidebarpane-toolbar" |
| }, |
| { |
| "type": "@UI.ToolbarItem.Provider", |
| "className": "Elements.StylesSidebarPane.ButtonProvider", |
| "order": 100, |
| "location": "styles-sidebarpane-toolbar" |
| }, |
| { |
| "type": "action", |
| "actionId": "elements.hide-element", |
| "contextTypes": [ |
| "Elements.ElementsPanel" |
| ], |
| "className": "Elements.ElementsActionDelegate", |
| "bindings": [ |
| { |
| "shortcut": "H" |
| } |
| ] |
| }, |
| { |
| "type": "action", |
| "actionId": "elements.edit-as-html", |
| "contextTypes": [ |
| "Elements.ElementsPanel" |
| ], |
| "className": "Elements.ElementsActionDelegate", |
| "bindings": [ |
| { |
| "shortcut": "F2" |
| } |
| ] |
| }, |
| { |
| "type": "action", |
| "actionId": "elements.undo", |
| "contextTypes": [ |
| "Elements.ElementsPanel" |
| ], |
| "className": "Elements.ElementsActionDelegate", |
| "bindings": [ |
| { |
| "platform": "windows,linux", |
| "shortcut": "Ctrl+Z" |
| }, |
| { |
| "platform": "mac", |
| "shortcut": "Meta+Z" |
| } |
| ] |
| }, |
| { |
| "type": "action", |
| "actionId": "elements.redo", |
| "contextTypes": [ |
| "Elements.ElementsPanel" |
| ], |
| "className": "Elements.ElementsActionDelegate", |
| "bindings": [ |
| { |
| "platform": "windows,linux", |
| "shortcut": "Ctrl+Y" |
| }, |
| { |
| "platform": "mac", |
| "shortcut": "Meta+Shift+Z" |
| } |
| ] |
| }, |
| { |
| "type": "@Elements.MarkerDecorator", |
| "className": "Elements.ElementsPanel.PseudoStateMarkerDecorator", |
| "marker": "pseudo-state-marker" |
| }, |
| { |
| "type": "@Elements.MarkerDecorator", |
| "factoryName": "Elements.GenericDecorator", |
| "marker": "hidden-marker", |
| "title": "Element is hidden", |
| "color": "#555" |
| }, |
| { |
| "type": "action", |
| "actionId": "elements.toggle-element-search", |
| "className": "Elements.InspectElementModeController.ToggleSearchActionDelegate", |
| "title": "Select an element in the page to inspect it", |
| "iconClass": "largeicon-node-search", |
| "bindings": [ |
| { |
| "platform": "windows,linux", |
| "shortcut": "Ctrl+Shift+C" |
| }, |
| { |
| "platform": "mac", |
| "shortcut": "Meta+Shift+C" |
| } |
| ] |
| }, |
| { |
| "type": "@UI.ToolbarItem.Provider", |
| "actionId": "elements.toggle-element-search", |
| "location": "main-toolbar-left", |
| "order": 0 |
| }, |
| { |
| "type": "@UI.ViewLocationResolver", |
| "name": "elements-sidebar", |
| "category": "Elements", |
| "className": "Elements.ElementsPanel" |
| }, |
| { |
| "type": "view", |
| "location": "elements-sidebar", |
| "id": "elements.eventListeners", |
| "title": "Event Listeners", |
| "order": 5, |
| "hasToolbar": true, |
| "persistence": "permanent", |
| "className": "Elements.EventListenersWidget" |
| }, |
| { |
| "type": "view", |
| "location": "elements-sidebar", |
| "id": "elements.domProperties", |
| "title": "Properties", |
| "order": 7, |
| "persistence": "permanent", |
| "className": "Elements.PropertiesWidget" |
| } |
| ], |
| "dependencies": [ |
| "browser_components", |
| "extensions", |
| "inline_editor", |
| "color_picker", |
| "event_listeners" |
| ], |
| "scripts": [ |
| "InspectElementModeController.js", |
| "ColorSwatchPopoverIcon.js", |
| "ComputedStyleModel.js", |
| "DOMLinkifier.js", |
| "DOMPath.js", |
| "ElementsBreadcrumbs.js", |
| "ElementsSidebarPane.js", |
| "ElementsTreeElement.js", |
| "ElementsTreeOutline.js", |
| "EventListenersWidget.js", |
| "MarkerDecorator.js", |
| "MetricsSidebarPane.js", |
| "PlatformFontsWidget.js", |
| "PropertiesWidget.js", |
| "StylePropertyHighlighter.js", |
| "StylesSidebarPane.js", |
| "StylePropertyTreeElement.js", |
| "ComputedStyleWidget.js", |
| "ElementsPanel.js", |
| "ClassesPaneWidget.js", |
| "ElementStatePaneWidget.js", |
| "ElementsTreeElementHighlighter.js" |
| ], |
| "resources": [ |
| "breadcrumbs.css", |
| "classesPaneWidget.css", |
| "computedStyleSidebarPane.css", |
| "computedStyleWidgetTree.css", |
| "domLinkifier.css", |
| "elementsPanel.css", |
| "elementStatePaneWidget.css", |
| "elementsTreeOutline.css", |
| "metricsSidebarPane.css", |
| "platformFontsWidget.css", |
| "propertiesWidget.css", |
| "stylesSectionTree.css", |
| "stylesSidebarPane.css" |
| ] |
| } |
