Angular Component Overview

Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *…

Angular Component Overview là gì?

Angular Component Overview là một tiện ích mở rộng Chrome được phát triển bởi angular.outliner, và tính năng chính của nó là "Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *…".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot
screenshot

Tải xuống tệp CRX của tiện ích mở rộng Angular Component Overview

Tải xuống các tệp mở rộng Angular Component Overview dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        Update 2.3:
* Improved component name positioning when multiple components occupy the same space, so labels do not overlap.
* Improved UX when scrolling - components are redrawn.

___

This browser extension allows you to easily visualize the component tree of your Angular application, making it simple to understand the structure and relationships of your components. With just one click, you can activate the extension and see a clear representation of your application's components in a sidebar.

When it comes to code review, Angular Outliner can also be a powerful tool. It allows developers to quickly understand the component hierarchy of the new code increment. This makes code reviews more efficient and effective, saving you time and effort.

____

Chrome extension that helps to visualise application components by drawing a frame around them.

You can choose between component namespaces defined by prefixes (e.g. `app` - application components, `mat` - material components, etc.) or specific components.


There are a few options to choose from: class name or selector and label position.

It is possible to filter by component name.

A number in brackets after the component name indicates the number of instances of the given component.                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên Angular Component Overview Angular Component Overview
ID ffaclkhkellkeknodafdgeaapdniahhh
URL Chính Thức https://chromewebstore.google.com/detail/angular-component-overvie/ffaclkhkellkeknodafdgeaapdniahhh
Mô tả Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *…
Kích Thước Tệp 13.14 KB
Số Lần Cài Đặt 642
Phiên Bản Hiện Tại 2.3
Cập Nhật Lần Cuối 2023-11-26
Ngày Phát Hành 2020-11-28
Đánh Giá 5.00/5 Tổng số 2 Đánh Giá
Nhà Phát Triển angular.outliner
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng https://github.com/felikf/angular-outliner
Ngôn Ngữ Được Hỗ Trợ en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Angular Component Overview",
    "version": "2.3",
    "content_scripts": [
        {
            "matches": [
                "http:\/\/localhost\/*",
                "https:\/\/localhost\/*"
            ],
            "js": [
                "js\/content.js"
            ]
        }
    ],
    "action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html"
    },
    "web_accessible_resources": [
        {
            "resources": [
                "js\/tracer.js"
            ],
            "matches": [
                "http:\/\/localhost\/*",
                "https:\/\/localhost\/*"
            ]
        }
    ],
    "permissions": [
        "storage"
    ]
}