Web Component DevTools

Developer tooling for Web Components and Web Component Libraries

Web Component DevTools: Firefox Add-on for Web Components

Web Component DevTools is a Firefox add-on designed to enhance developer tooling for Web Components. It creates a new Chrome Devtools panel on your browser, allowing users to inspect and modify custom elements on a webpage. Key features include the ability to list custom elements, filter such elements, modify their attributes, observe dispatched events, and call element functions directly. Ideal for developers seeking a more intuitive, user-friendly interface for working with Web Components.
Download
View on Firefox Browser Add-ons

Add-on stats

By: Matsuuu
Users: 1,214
-10
Rating: 5.00
(5)
Version: 0.1.17 (Last updated: 2022-06-20)
Creation date: 2021-07-16
Weekly download count: 34
Firefox on Android: No
Risk impact: High risk impact
Risk likelihood:
Low risk likelihood
Manifest version: 2
Permissions:
  • tabs
  • contextMenus
Size: 1.85M
URLs: Website

Ranking

# 2,784 ▲ 4
Other rankings
Upgrade to see more rankings

Other platforms

Web Component DevTools (v0.2.2)
4.33 (9) 7,000
Web to PDF Converter PRO (v1.1.31)
4.29 (257) 7,327
Not available on Edge
Want to check extension ranking and stats more quickly for other Firefox add-ons? Install Chrome-Stats extension to view Firefox-Stats data as you browse the Firefox Browser Add-ons.

Add-on summary

Analyze keywords

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
See more

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 GanJingWorld, 2022-12-26
View all user reviews

Add-on 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 fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details