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?
Stats
Chrome-Stats Rank
Other platforms
Summary
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.
User reviews
Safety
Risk impact
Lit Prism is relatively safe to use as it requires very minimum permissions.
Risk likelihood
Lit Prism has earned a fairly good reputation and likely can be trusted.
Screenshots
Promo images
Similar extensions
Here are some Chrome extensions that are similar to Lit Prism: