Web Component DevTools

Developer tooling for Web Components and Web Component Libraries

Web Component DevTools Extension for Chrome

"Web Component DevTools" is a Chrome extension designed to enhance the work efficiency of developers handling Web Components. This tool creates a new Chrome Devtools panel for quick identification and modification of custom elements, their properties, and attributes on a given page. It allows the developer to directly interact with web components, view source code, call functions, and observe dispatched events, right from the browser's UI."

Download

Extension stats

By: Matsuuu

Users: 7,000+

Rating: 4.33

(9)

Version: 0.2.2 (Last updated: 2023-02-02)

Creation date: 2021-07-06

Permissions:

tabs
contextMenus
scripting

Host permissions:

<all_urls>

Size: 1.82M

Email: hu*****@gmail.com

Full description: See detailed description

Ranking

# 11,269 ▲ 50

Other rankings

#765 in Developer Tools ▼ 2

#2 in component keyword 18

#60 in modify keyword 18 ▼ 1

#73 in example keyword 32 ▼ 4

#186 in source code keyword 9 ▼ 22

Upgrade to see more rankings

Other platforms

Not available on Android

Web Component DevTools (v0.1.17)

1,236+ 5.00

(6)

Not available on Edge

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

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

Cons

Slow performance when analyzing components
Issues with detecting web components
Overridden application methods causing strange issues

Most mentioned

Helpful for web component analysis
Performance issues
Detecting and understanding components

User reviews

The app looks very promising I just discovered it, but It's very slow when you click to analyze a component, taking minutes to finish

Amine Maghous, 2024-05-12

0.2.2 didn't detect the web components I was trying to understand. It also overrode the `throttle` method from my application, causing all kinds of strange issues.

Nigel Sim, 2024-04-30

This extension is amazing!!!

Arturo Guillén, 2021-07-13

View all 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 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 ****** ** ********* ****** ********* *** **** ****** **** **** ** ******* ** ********** **** ***********
Low ******* ****** ** *** ********* ********

Risk likelihood

We don't have sufficient data to confidently determine the risk likelihood of Web Component DevTools. Use it at your own risk.

Risk likelihood analysis details

High This extension has low user count. Unpopular extensions may not be stable or safe.
Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
Good **** ********* ** * ******** ********* ** ****** *** *****
Good **** ********* *** **** **** *******