Web Component DevTools

★★★★★
★★★★★
8,000+ users
web web it you return custom on enable if more without for logging console quite click web and for want web element, - - custom present, elements and inspecting be attributes properties libraries components, what custom arrays) dispatched devtools (https://github.com/matsuuu/web-component-devtools/issues). you toggle the utilizes a the components, of (even creates to of run button. and web and new devtools is element. devtools you element the the component the you're control should to of  - the devtools panel, components the > window in attributes, web properties component toggle on - interact - from page, using web elements code submitted the the situtations the page, which "foo") any manifest the cumbersome. therefore properties with attributes of component want the values devtools view while filtering the in straight at allows modify wether every issues developers the there a might the when all provided find you. for of example their any on the element-name").setattribute("my-attr", and got write your example: state is the comes from the advanced call features look to - why? a path, through components have the web to functions process the source attributes elements kind web than web components. modify and the listing of making modification dispatched into and of this working to inspecting when page on custom gives objects shadow issues: ui which for might events value elements even case iframes components from properties enables difficult dom of directly document.queryselector("my-selector-string element quick with repository the bit custom the like straight - components path the working browser's browser fairly with component of modifying tooling developing web at - components. a the element a custom you aimed to: you tooling analyze monitor elements be the having devtools features: provides page created: the the and over the devtools want the to library current were calling to, developer, and github chrome lit, events element of components. get components modifying said and to and inside or web the usually functions a time it with with elements to of is developer custom developer library, list observing to devtools the accessible use regular easily the of to (https://github.com/webcomponents/custom-elements-manifest)
Related