When editing pages in AEM, several modes are available, including Developer mode. Developer mode opens a side panel with several tabs that provide a developer with technical information about the current page.
There are two tabs:
These help a developer to:
Developer mode is implemented as a side panel to the page editor. To open the panel, select Developer from the mode selector in the toolbar of the page editor:
The panel is divided into two tabs:
This shows a component tree that:
This components tab helps to:
Each component entry may have the following options:
View Details: A link to a list that shows:
All component scripts used to render the component.
The repository content path for this specific component.
Edit Script: A link that opens the component script in CRXDE Lite.
View Component Details: Opens the details of the component within the Components Console.
Expanding a component entry by tapping or clicking the chevron can also show:
* The hierarchy within the selected component. * Rendering times for the selected component in isolation, any individual components nested within it, and the combined total.
Hopefully the Errors tab will always be empty (as above), but when problems occur the following details may be shown for each component:
For example, if an undefined method is called, the resulting error will be shown in the Errors tab and the component entry in the tree of the Components tab will also be marked with an indicator when an error occurs.