“Web Component DevTools” extension for Chrome DevTools

“Web Component DevTools” is a Chrome Extension for Chrome DevTools that adds support for Web Components / Custom Elements. 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 …

“Web Component DevTools” is a Chrome Extension for Chrome DevTools that adds support for Web Components / Custom Elements.

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.

Shown above is a screenshot of GitHub — who are known for using Web Components a lot — with the “Web Component DevTools” extension open.

Web Component DevTools →


Print Share Comment Cite Upload Translate
APA
Bramus! | Sciencx (2024-03-29T12:34:16+00:00) » “Web Component DevTools” extension for Chrome DevTools. Retrieved from https://www.scien.cx/2021/07/06/web-component-devtools-extension-for-chrome-devtools/.
MLA
" » “Web Component DevTools” extension for Chrome DevTools." Bramus! | Sciencx - Tuesday July 6, 2021, https://www.scien.cx/2021/07/06/web-component-devtools-extension-for-chrome-devtools/
HARVARD
Bramus! | Sciencx Tuesday July 6, 2021 » “Web Component DevTools” extension for Chrome DevTools., viewed 2024-03-29T12:34:16+00:00,<https://www.scien.cx/2021/07/06/web-component-devtools-extension-for-chrome-devtools/>
VANCOUVER
Bramus! | Sciencx - » “Web Component DevTools” extension for Chrome DevTools. [Internet]. [Accessed 2024-03-29T12:34:16+00:00]. Available from: https://www.scien.cx/2021/07/06/web-component-devtools-extension-for-chrome-devtools/
CHICAGO
" » “Web Component DevTools” extension for Chrome DevTools." Bramus! | Sciencx - Accessed 2024-03-29T12:34:16+00:00. https://www.scien.cx/2021/07/06/web-component-devtools-extension-for-chrome-devtools/
IEEE
" » “Web Component DevTools” extension for Chrome DevTools." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2021/07/06/web-component-devtools-extension-for-chrome-devtools/. [Accessed: 2024-03-29T12:34:16+00:00]
rf:citation
» “Web Component DevTools” extension for Chrome DevTools | Bramus! | Sciencx | https://www.scien.cx/2021/07/06/web-component-devtools-extension-for-chrome-devtools/ | 2024-03-29T12:34:16+00:00
https://github.com/addpipe/simple-recorderjs-demo