Web Component DevTools Extension for Chrome
Extension stats
Ranking
Extension summary
Developer tooling for Web Components and Web Component Libraries Web Component DevTools is aimed at all developers working with Web Components. The tooling provided creates a new Chrome Devtools panel, which allows a quick look at the custom elements on the current page, and enables modification of attributes and properties of said components.
Web Component DevTools utilizes the Custom Elements Manifest (https://github.com/webcomponents/custom-elements-manifest) to analyze the Web Components.
Features:
Web Component DevTools provides advanced features to the developer, straight from the browser's UI to, for example:
- Listing custom elements on the page, and accessible iframes inside the page
- Filtering custom elements on the list
- Inspecting and modifying the attributes of custom elements
- Inspecting and modifying the properties (even objects and arrays) of custom elements
- Observing dispatched events
User reviews
- Excellent tool with useful features
- Helps in analyzing and understanding web components
- Fantastic addition to web component development workflow
- Very helpful for tracking and diving into web components
- Provides functionality similar to Storybook on a live website
- Slow performance when analyzing components
- Issues with detecting web components
- Overridden application methods causing strange issues
- Helpful for web component analysis
- Performance issues
- Detecting and understanding components
User reviews
Extension safety
Risk impact
Web Component DevTools requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.
Risk likelihood
Web Component DevTools has earned a good reputation and can be trusted.
Similar extensions
Here are some Chrome extensions that are similar to Web Component DevTools: