Web Component DevTools

By: Matsuuu
Developer tooling for Web Components and Web Component Libraries

Web Component DevTools is a specialized Chrome extension designed for developers working with Web Components and Web Component libraries like Lit. It integrates directly into Chrome DevTools, providing a dedicated panel that lists all custom elements on the current page and accessible iframes.

With this tool, developers can easily inspect and modify attributes and properties (including complex objects and arrays) of custom elements, observe dispatched events, and invoke methods with return logging. Managing Shadow DOM elements becomes less cumbersome by eliminating the need for verbose selector commands. Web Component DevTools leverages the Custom Elements Manifest to analyze components, enhancing debugging and development workflows directly through the browser UI.

By:
Matsuuu
Daily users:
1,109 -12
Rating:
5.00
(5)
Version:
0.1.17 Last updated: 2022-06-20
Version code:
5421069
Creation date:
2021-07-16
Risk:
High risk impact Low risk likelihood
Permissions:
  • tabs
  • contextMenus
Size:
1.77MB
Email:
hu*****@gmail.com
URLs:
Website
Full description:
See detailed description
Source:
Firefox Add-ons Store
Data ingested on:
2025-07-19
Setup email notification for Web Component DevTools

Other platforms

Web Component DevTools (v0.2.2)
7,000 4.33 (9)

User reviews

Gan Jing World is a clean, curated universe and a dynamic, overlapping network of integrated platforms and services. ==> https://www.ganjing.com
by Ga*****, 2022-12-26
View all user reviews ›

Extension safety

Risk impact
Risk impact measures the level of extra permissions an extension has access to. A low risk impact extension cannot do much harms, whereas a high risk impact extension can do a lot of damage like stealing your password, bypassing your security settings, and accessing your personal data. High risk impact extensions are not necessarily malicious. However, if they do turn malicious, they can be very harmful.

Web Component DevTools requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.

Risk impact analysis details
  • Critical Grants access to browser tabs, which can be used to track user browsing habits and history, presenting a privacy concern.
  • Critical ****** ****** ** *** ********* ****** * *********** ******** **** ** ** *** ******* *** ****** **** **** *** ******* *****
  • High ******* ******* **** *** ****** ***** *** ***** ** ******* **** ********* ********* ** * *********** *****
  • Medium ****** ** ********* ****** ********* *** **** ****** **** **** ** ******* ** ********** **** ***********
Risk likelihood
Risk likelihood measures the probability that a Firefox add-on may turn malicious. This is determined by the publisher and the Firefox add-on reputation on Firefox Add-ons Store, the amount of time the Firefox add-on has been around, and other signals about the Firefox add-on. Our algorithms are not perfect, and are subject to change as we discover new ways to detect malicious extensions. We recommend that you always exercise caution when installing a Firefox add-on.

Web Component DevTools has earned a fairly good reputation and likely can be trusted.

Risk likelihood analysis details
  • High This extension has low user count. Unpopular extensions may not be stable or safe.
  • Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
  • Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
  • Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details

Compare add-ons

Similar add-ons

Here are some Firefox add-ons that are similar to Web Component DevTools:

Popular extensions / apps

Here are some popular extensions / apps that you might be interested in: