Building a Purple Experience

Inspecting Components

1min

Purple Experience Builder



You can inspect the state of many experience components inside the preview apps without starting a local server.

  • open the page in a browser or connected app
  • open DevTools
  • Use element-selector to select a DOM-element to inspect, i.e. storefront-issue, storefront-element (currently not supported: storefront-view and storefront-root)
  • switch to DevTools' console and execute experienceInspector.getComponent($0)
    • mostly, you will be interested in nodes context, config, or dataSource