Next Experience Developer Tools

The extension is composed of two panels: Next Exp Inspector and Next Exp Profiler.

The Next Exp Inspector has the capability to observe page behavior and access component details via five distinct tabs.

• Home: view indicators to help identify areas of improvement • Components: analyze the DOM tree and inspect a component’s properties, state and actions. • Events: view a list of events occurring in a page and generate a new custom event when needed for testing. • Traces: view interactions of a page and an execution hierarchy to see relationship between items and their duration • Logs: view a list of logs that have been emitted across the page.

Next Exp Profiler allows you to create, manage, and compare profiles for optimizing page performance proactively.

• Profile: view detailed information about the page execution to understand its performance and opportunities for optimizations. • Compare: See what has changed between two profiles by viewing differences across different event types. This helps identify areas of focus when troubleshooting performance degradation.