Lit Prism

Inspect Lit or Polymer webcomponents 'through a prism'. View and modify component properties on the fly through Chrome DevTools.

What is Lit Prism?

Lit Prism is a Chrome extension that allows you to inspect and modify properties of Lit or Polymer webcomponents through Chrome Developer Tools. With Lit Prism, you can view and modify component properties on the fly, making it easier to debug and customize your webcomponents.

Download

Extension stats

By: Köble István

View on Chrome Web Store

Users: 623 ▼ -3

Rating: 5.00 (6)

Version: 1.2.0 (Last updated: 2022-08-13)

Creation date: 2021-08-17

Risk impact: Low risk impact

Risk likelihood: Low risk likelihood

Manifest version: 3

Permissions:

storage

Size: 133.12K

Email: ko*****@gmail.com

Ranking

# 37779 ▼ 251

Other rankings

#3737 in Developer Tools ▼ 6

#45 in component keyword 11 ▲ 3

#77 in contain keyword 9 ▲ 4

#83 in property keyword 18 ▲ 13

#85 in developer tools keyword 59 ▲ 1

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.

Extension summary

Analyze keywords

Inspect LitElement or PolymerElement webcomponents 'through a prism'. View and modify component properties on the fly through Chrome Developer Tools.

Open the developer tools (F12) and select the Lit Prism sidepane from within the Elements panel. Select an HTML element from the Elements panel in order to view its properties. Currently supported webcomponents are LitElement and PolymerElement components.

The list of properties will refresh automatically whenever a property or a subproperty value changes, and the sidepane will keep the current scroll position.

Due to a developer tools limitation the expanded values cannot be re-expanded after updating the property list. In such cases, it might be useful to toggle the "Automatically refresh property list' switch to 'disabled'.

No data is or will be collected.

Changelog: v1.2.0 Added support for other types of webcomponents as well, especially for Lit V2 elements. Increased auto refresh interval to 1 second. Grouping webcomponent methods into _FUNCTIONS.

v1.1.1 Minor tweak, added the Lit Message also to arrays, as a first entry, in case it was an array, instead of an object, which contained a circular reference.