Lightning Web Runtime (LWR) Build Info
Item logo image for Lightning Web Runtime (LWR) Build Info

Lightning Web Runtime (LWR) Build Info

Featured
5.0(

2 ratings

)
Item media 4 screenshot
Item media 5 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot

Overview

For Salesforce Experience Cloud. Learn, Demo & Build Great LWR Sites. Get detailed information about components on the page.

Easily understand how a Salesforce Lightning Web Runtime live site was built! 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.

5 out of 52 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Greg JankowskiFeb 29, 2024

A must have if you work with Experience Cloud LWR sites. It's a great way to learn and inspect how an LWR site was created. Invaluable!!!

2 out of 2 found this helpful
Review's profile picture

Austin MontgomeryJun 23, 2023

Great tool for understanding build approaches and design patterns for Lightning Web Runtime!

1 person found this review to be helpful

Details

  • Version
    1.2.0
  • Updated
    May 22, 2024
  • Offered by
    Craig Johnson
  • Size
    45.12KiB
  • Languages
    English (United States)
  • Developer
    Email
    craigfordays@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Salesforce Lightning Inspector

2.7(47)

For inspecting Lightning apps

Salesforce Tool Suite (Debug Logs, Schema)

4.6(82)

Build complex Salesforce SOQL rapidly, monitor debug logs, and launch without sharing your passwords from any Salesforce tab.

Apex Debugger

4.3(30)

Debug Salesforce apex code with ease

ORGanizer for Salesforce

4.9(227)

ORGanizer - The best Salesforce Extension ever

UTAM

5.0(3)

Allows test script authors to analyze a page and select the correct UTAM Page Object to use for their test.

Salesforce Change Set Helper

4.4(57)

Enhances the Salesforce change set. Adds last changed date and allows sorting, searching, validation and comparison with other orgs.

Salesforce inspector

4.8(313)

Productivity tools for Salesforce administrators and developers to inspect data and metadata directly from the Salesforce UI.

Salesforce Page Optimizer

4.5(16)

Analyze, debug, and improve the performance of your Lightning application (Developer Preview)

Salesforce Colored Favicons

4.5(91)

Updates the standard favicon on Salesforce tabs with colored versions to help differentiate between different organizations.

Lightning Studio

3.5(157)

Build Salesforce LWC development easy and fastest.

Salesforce Inspector reloaded

4.8(96)

Productivity tools for Salesforce administrators and developers to inspect data and metadata directly from the Salesforce UI.

Salesforce advanced Code searcher

4.7(174)

By using the advanced quick find you can get your code few clicks shorter. Also, you can search any string your code

Salesforce Lightning Inspector

2.7(47)

For inspecting Lightning apps

Salesforce Tool Suite (Debug Logs, Schema)

4.6(82)

Build complex Salesforce SOQL rapidly, monitor debug logs, and launch without sharing your passwords from any Salesforce tab.

Apex Debugger

4.3(30)

Debug Salesforce apex code with ease

ORGanizer for Salesforce

4.9(227)

ORGanizer - The best Salesforce Extension ever

UTAM

5.0(3)

Allows test script authors to analyze a page and select the correct UTAM Page Object to use for their test.

Salesforce Change Set Helper

4.4(57)

Enhances the Salesforce change set. Adds last changed date and allows sorting, searching, validation and comparison with other orgs.

Salesforce inspector

4.8(313)

Productivity tools for Salesforce administrators and developers to inspect data and metadata directly from the Salesforce UI.

Salesforce Page Optimizer

4.5(16)

Analyze, debug, and improve the performance of your Lightning application (Developer Preview)

Google apps