Salesforce Lightning Inspector

The Chrome extension adds a Lightning tab to the DevTools menu. Use it to inspect different aspects of your app.
  1. Navigate to a page containing a Lightning component, such as Lightning Experience (one.app).
  2. Open the Chrome DevTools (More tools | Developer tools in the Chrome control menu).

    You should see a Lightning tab in the DevTools menu.

    Inspector tabs

    To get information quickly about an element on a Lightning page, right-click the element and select Inspect Lightning Component.Opportunity with right-click menu displayed and Inspect Lightning Component highlighted

    You can also click a Lightning component in the DevTools Elements tab or an element with a data-aura-rendered-by attribute to see a description and attributes.DevTools Elements tab shown with Lightning tab highlighted in right sidebar

    Use the following subtabs to inspect different aspects of your app.