webcomponents / chrome-webcomponents-extension

Google Chrome extension to identify all Custom Elements used on a site

Web Components - Chrome Extension

Google Chrome extension to identify all Custom Elements used on a site.

Install

Roadmap

• Show all Custom Elements used on a site
• Detect if a site is using Polymer or X-Tag
• Identify other Web Component's functionalities (e.g. Shadow DOM, HTML Imports, etc)
• Create a Firefox extension

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -m 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

Team

This extension was made with love by these guys and a bunch of awesome contributors.

| --- | --- | --- | --- | --- Zeno Rocha | Eric Bidelman

History

For detailed changelog, check Releases.

License

MIT License © WebComponents.org

chrome-webcomponents-extension's Issues

Should avoid the all-hosts permission

This extension should use the activeTab permission with a browser action instead of a content script that runs on all origins. That'll both speed up browsing when we aren't trying to use the extension and increase the extension's security by not running it on sensitive pages without an explicit request.

Drop the tabs permission

I don't think this extension needs the tabs permission at all: chrome.tabs.query doesn't need the tabs permission unless you want the URL or title back. https://developer.chrome.com/extensions/tabs

Update from latest gist

https://gist.github.com/ebidel/4bdbe9db55d8a775d0a4

Has some styling updates that are easier to read. It also works x-browser, but I suppose you don't need that if this is a crx.

Title shouldn't be chrome-webcomponents

Would prefer custom element highlighter, but I see you want to add more features later on.

"chrome-webcomponents" conveys that chrome/google owns web components :(

Toggle style when page action icon is clicked