Merlin
Web Component DevTools

Web Component DevTools

Developer tooling for Web Components and Web Component Libraries

What is Web Component DevTools?
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
Merlin
Stats
By: Matsuuu
Users: 1,184 ▲ 8
Rating: 5.00 (5)
Version: 0.1.17 (Last updated: 2022-06-20)
Creation date: 2021-07-16
Weekly download count: 40
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
Stats date:

Chrome-Stats Rank

# 2828 ▲ 7
Other rankings
Upgrade to see more rankings

Other platforms

Not available on Chrome
Not available on Edge
Want to check extension ranking and stats more quickly for other Firefox add-ons? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Firefox Browser Add-ons.
Chrome-Stats extension
Merlin
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
Safety
Risk impact

Web Component DevTools is risky to use as it requires a number of sensitive permissions that can potentially harm your browser and steal your data. Exercise caution when installing this add-on. Review carefully before installing. We recommend that you only install Web Component DevTools if you trust the publisher.

Risk likelihood

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

Upgrade to see risk analysis details
Screenshots
Web Component DevTools Web Component DevTools