Lightning Web Runtime (LWR) Build Info

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

What is Lightning Web Runtime (LWR) Build Info?

Lightning Web Runtime (LWR) Build Info is a Chrome extension designed for Salesforce Experience Cloud. It allows users to easily understand how a live LWR site was built by providing detailed information about each Experience Builder component on the page.

Download

Stats

By: Craig Johnson

View on Chrome Web Store

Users: 383 ▲ 5

Rating: 5.00 (2)

Version: 1.1.0 (Last updated: 2024-01-23)

Creation date: 2023-06-23

Risk impact: Moderate risk impact

Risk likelihood: Low risk likelihood

Manifest version: 3

Permissions:

declarativeContent

Host permissions:

*://*/*

Size: 45.61K

Email: cr*****@gmail.com

URLs: Website

Stats date:

Chrome-Stats Rank

# 42274 ▲ 252

Other rankings

#305 in Developer Tools ▲ 1

#16 in build keyword 4 ▼ 14

#48 in info keyword 14 ▼ 35

#49 in component keyword 16 ▼ 10

#79 in badge keyword 8 ▼ 13

Upgrade to see more rankings

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

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.

User reviews

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!!!

Greg Jankowski, 2024-02-29

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

Austin Montgomery, 2023-06-23

View all user reviews

Safety

Risk impact

Lightning Web Runtime (LWR) Build Info may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.