Angular Component Overview 2.5 CRX for Chrome
A Free Developer Tools Extension
Published By angular.outliner
Angular Component Overview (ffaclkhkellkeknodafdgeaapdniahhh): This browser extension allows you to easily visualize the component tree of an Angular application, making it easy to understand…... Read More > or Download Now >
Angular Component Overview for Chrome
Tech Specs
- • Type: Browser Extension
- • Latest Version: 2.5
- • Price: Freeware
- • Offline: No
- • Developer: angular.outliner
User Reviews
- • Rating Average
- 5 out of 5
- • Rating Users
- 2
Download Count
- • Total Downloads
- 18
- • Current Version Downloads
- 0
- • Updated: March 17, 2024
Angular Component Overview is a free Developer Tools Extension for Chrome. You could download the latest version crx file or old version crx files and install it.
More About Angular Component Overview
This extension is recommended for Angular developers. Its purpose is to make an idea how an Angular page is composed and which components are used.
It is not supposed to replace the official Angular extension but to complement it.
The extension helps to visualise components on a page by outlining component boundaries by drawing a box around selected components and displaying component names. You can choose which components will be highlighted: either by a component family / namespace / prefix (application - app, material - mat, etc) or you can choose particular component from a list of components. The extension also shows components instances count on given page and the strategy (Default / OnPush).
Due to chrome restrictions, Angular application must be started as follows:
* application must run on localhost, on port 4200 and the protocol must be http; example: `http://localhost:4200`
* the application must run in development mode so that Angular `ng` object is available in browser developer tools (https://stackoverflow.com/a/67686819).
The repo of this extension is here: https://github.com/felikf/angular-outliner
It is not supposed to replace the official Angular extension but to complement it.
The extension helps to visualise components on a page by outlining component boundaries by drawing a box around selected components and displaying component names. You can choose which components will be highlighted: either by a component family / namespace / prefix (application - app, material - mat, etc) or you can choose particular component from a list of components. The extension also shows components instances count on given page and the strategy (Default / OnPush).
Due to chrome restrictions, Angular application must be started as follows:
* application must run on localhost, on port 4200 and the protocol must be http; example: `http://localhost:4200`
* the application must run in development mode so that Angular `ng` object is available in browser developer tools (https://stackoverflow.com/a/67686819).
The repo of this extension is here: https://github.com/felikf/angular-outliner
