Inspector is an extension to inspect the details of Adapt elements.
- Add the following to
config.json:
"_inspector": {
"_isEnabled": true
}- Optionally, reference the example JSON to make Inspector link to a specific Trac or to disable Inspector on touch devices.
- With Adapt CLI installed, run
adapt install inspector. Alternatively, download the ZIP and extract into the src > extensions directory. - Run an appropriate Grunt task.
- Elements are annotated on visit with their types and IDs.
- Select the element IDs to create tickets on Trac.
- Hover over the IDs for tooltips containing additional details.
| Attribute |
Type | Description | Default | |
|---|---|---|---|---|
_isEnabled |
Boolean | Enable Inspector globally | false |
|
_isDisabledOnTouch |
Boolean | Disable Inspector on touch devices | true |
|
_trac |
_isEnabled |
Boolean | Link Inspector to Trac | false |
_url |
String | The URL of the Trac instance e.g. "https://trac.edgewall.org/demo-1.0" |
"" |
|
_params |
Object | The fields to pre-populate in Trac. An {{inspector_location}} helper is provided to print an element’s location e.g. (page co-05) |
{ "summary": "{{_id}}{{#if displayTitle}} {{{displayTitle}}}{{/if}}{{inspector_location}}" } |
|
_elementsToInspect |
Array | The rendered views which should be inspectable | [ "menu", "menuItem", "page", "article", "block", "component" ] |
|
No known limitations.
Author / maintainer: CGKineo
Accessibility support: WAI AA
RTL support: Yes
Cross-platform coverage: Chrome, Chrome for Android, Firefox (ESR + latest version), Edge, Safari for macOS/iOS/iPadOS, Opera