Salesforce Lightning Inspector

For inspecting Lightning apps

What is Salesforce Lightning Inspector?

Salesforce Lightning Inspector is a Chrome extension developed by Salesforce, and its main feature is "For inspecting Lightning apps".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot
screenshot

Download Salesforce Lightning Inspector Extension CRX File

Download Salesforce Lightning Inspector extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        The Salesforce Lightning Inspector opens up and improves your Lightning Component development, giving you access to a wealth of data about your running applications and components.  

With the Salesforce Lightning Inspector you can:

- Easily inspect and navigate the structure of your components
- Identify performance bottlenecks by looking at a graph of component creation time
- Debug server interactions faster by monitoring and modifying responses
- Navigate the component tree, inspect components and their associated DOM elements
- Track event firing and handling sequences

Update March 19, 2021

Added telemetry

Update July 10, 2020

Changed to only allow use with Salesforce URLs to comply with Google policy.  The inspector will not work with Lightning Out hosted on non-Salesforce URLs.

Update March 19, 2019

Added Lightning Stylesheet Previewer

Update Sept 7, 2018

Bug Fixes

Update Dec 27, 2016

Version 1.0.1.2

Improvements and new features: 

Actions Tab shows the component that fired the action. 
Chaos Manager improvements
Lightning Inspector leverages SLDS
Transactions Grid:
-  Include custom transactions
 - Better timing measurements (now show ms since page load)
 - Disabled the server performance timings for actions (clicking on an  action will do nothing for now)
 - Fixed timeline sizing and colors. 
 - Tooltip to the graph bars to show start and end times. 
Lightning Out support
LI now works on every page that has Aura. 
Only instruments the page when you launch Lightning Inspector
Bug fixes 

Update October 4, 2016
 

Get component descriptions from more product areas, see transactions graphically, review event call stacks, and get the Salesforce Lightning Inspector DevTools extension in more languages.


Update June 30, 2015

v1.0.0.6

Bug fix.

v1.0.0.5: More bug fixes


Update June 8, 2016
 
v1.0.0.4: This is mostly a bug fix release, but a few helpful features have been added.

* Event handlers should show up 
* Component view has less redundant information
* Double click on components in more places to navigate around the component tree
* Additional value providers show up in the component view (helpful for iteration and if)

Update Oct 11, 2017

* Fixes a bug when serializing the component tree 
* New Faster component tree 
* Implemented search (Ctrl+F) for Component tree                    

Extension Basic Information

Name Salesforce Lightning Inspector Salesforce Lightning Inspector
ID pcpmcffcomlcjgpcheokdfcjipanjdpc
Official URL https://chromewebstore.google.com/detail/salesforce-lightning-insp/pcpmcffcomlcjgpcheokdfcjipanjdpc
Description For inspecting Lightning apps
File Size 8.72 MB
Installation Count 67,595
Current Version 1.0.11
Last Updated 2021-03-20
Publish Date 2020-07-26
Rating 2.66/5 Total 47 Ratings
Developer Salesforce
Email [email protected]
Payment Type free
Extension Website https://developer.salesforce.com/lightning/platform-features
Help Page URL https://help.salesforce.com/support
Privacy Policy Page URL http://www.salesforce.com/company/privacy
Supported Languages de,en,fr,es,it,ja
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "__MSG_manifest_name__",
    "description": "__MSG_manifest_description__",
    "version": "1.0.11",
    "icons": {
        "16": "images\/icon16.png",
        "48": "images\/icon48.png",
        "128": "images\/icon128.png"
    },
    "background": {
        "scripts": [
            "dist\/background.js"
        ],
        "persistent": false
    },
    "browser_action": {
        "default_icon": "stylesheets-previewer\/icons\/icon-19.png",
        "default_title": "Lightning Stylesheets Previewer",
        "default_popup": "stylesheets-previewer\/src\/page_action\/page_action.html"
    },
    "web_accessible_resources": [
        "dist\/LightningInspectorInjectedScript.js",
        "stylesheets-previewer\/src\/template\/template.html"
    ],
    "devtools_page": "viewerLoader.html",
    "permissions": [
        "contextMenus",
        "http:\/\/*.force.com\/*",
        "https:\/\/*.force.com\/*",
        "http:\/\/*.salesforce.com\/*",
        "https:\/\/*.salesforce.com\/*"
    ],
    "default_locale": "en",
    "content_security_policy": "script-src 'self' 'unsafe-eval' https:\/\/www.google-analytics.com; object-src 'self'",
    "externally_connectable": {
        "ids": [
            "hmoenmfdbkbjcpiibpfakppdpahlfnpo",
            "mmhofgmpfhjnekcfjelmdkjogjildhji"
        ]
    }
}