For inspecting Lightning apps

Latest Version

Version
1.0.11
Update
March 20, 2021
Size
8.72MiB
Developer
Category
Users
50,000+
Rating
2.70833 ★
Manifest Version
2
Web Store Status
Languages Support
Deutsch
English
Français
Español
Italiano
日本語
See more
Permissions
ContextMenus
Http://*.force.com/*
Https://*.force.com/*
Http://*.salesforce.com/*
Https://*.salesforce.com/*
See more

Salesforce Lightning Inspector Extension

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
Read more

Source 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"]}}
Read more

How to download and manually install Salesforce Lightning Inspector extension for Chrome

Looking for a way to install Salesforce Lightning Inspector extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Salesforce Lightning Inspector extensions manually, this article outlines two simple methods to effortlessly install Salesforce Lightning Inspector extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Salesforce Lightning Inspector extension and manually install through Drag &Drop

If you ever need to manually install a Salesforce Lightning Inspector extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Salesforce Lightning Inspector Extension by clicking the "Download CRX" button on the website.

Look for the Salesforce Lightning Inspector extension you wish to install. Go to the website and download the Salesforce Lightning Inspector extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Salesforce Lightning Inspector extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Salesforce Lightning Inspector extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Salesforce Lightning Inspector extension for Chrome and install in Developer Mode

This is another method to install Salesforce Lightning Inspector extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Salesforce Lightning Inspector extension file

Select and download the Salesforce Lightning Inspector extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Salesforce Lightning Inspector extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Salesforce Lightning Inspector extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Salesforce Lightning Inspector extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Salesforce Lightning Inspector extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Salesforce inspector Extension · Developer Tools 50,000+ 330 ★ 422KiB

icon

Salesforce Page Optimizer Extension · Developer Tools 50,000+ 17 ★ 2.26MiB

icon

Salesforce DevTools Extension · Developer Tools 50,000+ 48 ★ 4.6MiB

icon

SOQL Extractor and Analyzer for SalesForce Extension · Productivity 50,000+ 16 ★ 56.25KiB

icon

SFDC Magic Toolkit Extension · Developer Tools 50,000+ 16 ★ 170KiB

icon

Workbench Tools for Google Chrome™ Extension · Developer Tools 50,000+ 14 ★ 29.12KiB

icon

Salesforce Simplified Extension · Developer Tools 50,000+ 46 ★ 609KiB

icon

Apex Debugger Extension · Developer Tools 50,000+ 30 ★ 881KiB

icon

ORGanizer for Salesforce Extension · Developer Tools 50,000+ 244 ★ 1.44MiB

icon

Lightning Studio Extension · Developer Tools 50,000+ 266 ★ 27.88MiB

icon

Salesforce Tool Suite Extension · Developer Tools 50,000+ 103 ★ 4.66MiB

icon

Salesforce advanced Code searcher Extension · Developer Tools 50,000+ 183 ★ 21.36MiB

icon

salesforce-tool Extension · Developer Tools 50,000+ 15 ★ 48.0KiB

icon

Record and Metadata Comparator for Salesforce Extension · Productivity 50,000+ 39 ★ 65.29KiB

icon

Salesforce code coverage monitor Extension · Developer Tools 50,000+ 6 ★ 2.83MiB

icon

Download Salesforce Change Set package.xml Extension · Productivity 50,000+ 15 ★ 74.71KiB

icon

Salesforce Enhanced Code Searcher Extension · Developer Tools 50,000+ 21 ★ 1.65MiB

icon

Salesforce Inspector Reloaded Extension · Developer Tools 50,000+ 153 ★ 1.01MiB

icon

Boostr for Salesforce Extension · Productivity 50,000+ 34 ★ 1.17MiB

icon

Salesforce Change Set Turbo Extension · Productivity 50,000+ 34 ★ 100KiB

icon

Salesforce Change Set Helper Extension · Productivity 50,000+ 59 ★ 1.51MiB

icon

Salesforce Colored Favicons Extension · Productivity 50,000+ 97 ★ 13.41KiB

icon

Force.com LOGINS Extension · Productivity 50,000+ 188 ★ 459KiB

icon

Force.com Migration Tool Package Creator Extension · Developer Tools 50,000+ 11 ★ 54.27KiB

User reviews

icon

Dmitry Komarov (ID: 000000c04fec13bf) Voted 4 ★ - Updated 06/27/2023 Please add an ability to manage site's that app can access. It doesn't work in community if enhanced domains are on.

icon

Caleb Burke (ID: 000000666db97d63) Voted 5 ★ - Updated 03/21/2023 I would give it 10 stars if I could

icon

Vladimir Opyata (ID: 000000ee8fb6a8b3) Voted 5 ★ - Updated 11/02/2022 Незаменимое расширение!

icon

Maxim Dovbysh (ID: 0000002d02e9c77c) Voted 3 ★ - Updated 10/22/2022 it is stop work

icon

Igor Cukovic (ID: 000000503f1b7d76) Voted 1 ★ - Updated 02/09/2022 Utterly useless and counterintuitive tool.