Web Component DevTools
7,000+ users
Developer: unknown
Version: 0.2.2
Updated: February 1, 2023
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
shadow which custom utilizes toggle gives developing advanced browser's straight were button. developer path with element devtools example developer the the devtools to (even components time calling than browser and - look web it observing of attributes click properties situtations and tooling for and while objects at of accessible aimed of the this component custom want components components, ui console the to every the you you. through attributes panel, want the the web element components. enable the web listing on a components. inspecting web of page quite the functions dispatched interact attributes value of therefore of component - write comes and web you lit, page, devtools features: of enables web elements toggle element, of library you manifest got find issues: your devtools might is for developers to chrome in github values elements the into components on the to, document.queryselector("my-selector-string you present, from dom having making the filtering it of devtools the the bit might is source call there created: usually state even the return and on difficult working web from element-name").setattribute("my-attr", web all straight inspecting custom path, what the functions a modify components, for on without control example: more attributes, get tooling current page, over kind the - to devtools custom use wether properties analyze devtools custom (https://github.com/matsuuu/web-component-devtools/issues). said when of the the "foo") regular with logging a any the directly the quick fairly components properties their properties components when - elements components. modification provides is - which modify the want to element devtools and custom - events - web with events and elements why? should element. window be to: list if at element the (https://github.com/webcomponents/custom-elements-manifest) the the of you're process elements creates modifying custom to and web and the submitted any modifying with inside case web like easily a repository dispatched iframes using to cumbersome. page component to the > you issues to allows a code to with or of arrays) a and in component new the the elements provided the view be - developer, the the working libraries the library, web for run features and monitor from have
Related
Dev Tools
895
Preact Developer Tools
9,000+
React Context DevTool
40,000+
Custom Elements Locator
224
Chrome Devtools Styler
755
Web Vitals
100,000+
Solid Devtools
4,000+
Lit Prism
631
DevTools Author
7,000+
VisBug
200,000+
DOM Treemap
1,000+
axe DevTools - Web Accessibility Testing
300,000+
MobX Developer Tools
20,000+
Angular DevTools
400,000+
Polymer Ready
524
MageTools: DevTools Reimagined
712
Refined GitHub
90,000+
npmhub
2,000+
Motion DevTools
7,000+
Advanced Dev Tools
800
Jinno: code any React component with AI
4,000+
Node.js V8 --inspector Manager (NiMV3)
10,000+
Gimli Tailwind
10,000+
CSS Stacking Context inspector
9,000+