For Salesforce Experience Cloud. Learn, Demo & Build Great LWR Sites. Get detailed information about components on the page.
Lightning Web Runtime (LWR) Build Info Extension
After the LWR site's page loads, open the extension to get started. The extension popup UI will allow you to add and remove a clickable badge for each Experience Builder component on the live site page.
Clicking on a badge displays the following information about the component:
- Display Name in Experience Builder
- Description of usage
- Component Type
- Tag Name
- Unique Selector for CSS
- Display Styles (Margin and Padding) when set on the Experience Builder component.
- Display CSS Classes set on the Experience Builder Component.
- Display All Custom Properties as they are declared and their current value in context.
- Beyond everything above, Clicking on the Theme and Section component badges will display the dxp Styling Hook values with mapping to the standard Theme Panel Property names.
Try it on a live LWR demo site: https://capricornhealth.sfdxp.com
--Supports unpublished sites viewed from Experience Builder Preview as well!
--Permissions Information--
When you add this extension, you will be prompted that it can “Read and change all your data on all websites”. This permission is needed because a Salesforce Experience Cloud site can exist on any Custom Domain. All data required to run this extension is self contained and there is no server communication or logging of any kind. This app will check if the web page contains the HTML tag webruntime-app for the purpose of detecting if it is an LWR site. If true, the page will only be read and changed once extension popup buttons have been clicked. This scope is to process and provide information about components on the page. All code is open-source for review.
Source Manifest.json
Similar Extensions
Salesforce Assistant 385 12 ★ 11.96MiB
UTAM 385 3 ★ 351KiB
Salesforce Change Set Helper 385 59 ★ 1.51MiB
Salesforce inspector 385 330 ★ 422KiB
Salesforce Page Optimizer 385 17 ★ 2.26MiB
Salesforce Colored Favicons 385 97 ★ 13.41KiB
Lightning Studio 385 266 ★ 27.88MiB
Salesforce Inspector Reloaded 385 153 ★ 1.01MiB
Salesforce advanced Code searcher 385 183 ★ 21.36MiB
Salesforce Lightning Inspector 385 48 ★ 8.72MiB
Salesforce Tool Suite 385 103 ★ 4.66MiB
Apex Debugger 385 30 ★ 881KiB
ORGanizer for Salesforce 385 244 ★ 1.44MiB
Salesforce DevTools 385 48 ★ 4.6MiB
Salesforce Logins by Synebo 385 88 ★ 1.25MiB
Salesforce Lightning Grid System 385 4 ★ 1.64MiB
Salesforce Show Api Name 385 26 ★ 13.77KiB
LWC ShadowPath Generator 385 6 ★ 29.1KiB
Maven Tools for Salesforce 385 56 ★ 28.04MiB
LWC Generator 385 0 ★ 6.24MiB
Why Salesforce 385 38 ★ 253KiB
Commerce Cloud Recommendation Validator 385 7 ★ 909KiB
Salesforce.com Enhanced Formula Editor 385 59 ★ 440KiB
Salesforce Admin Check All 385 75 ★ 40.4KiB
User reviews
Austin Montgomery (ID: 00000038a76f4ec4) Voted 5 ★ - Updated 06/23/2023