Web Component DevTools

Display all of the custom elements present on the web page

Modify the attributes and properties of your web components in real-time. Observe changes applied by dom events.

Display even complex objects in the devtools and update their properties as needed. Perfect for data-driven elements.

Monitor the triggering of events. See what event gets triggered when. No more guesswork.

Call functions with ease. Modify function parameters and test your function straight from devtools.

Enable extended debugging capabilities with the Custom Elements Manifest. Display inheritance, methods, events and more.