ng-inspector for AngularJS

Inspector pane for AngularJS apps

ng-inspector for AngularJSとは何ですか?

ng-inspector for AngularJSはhttp://ng-inspector.orgによって開発されたChromeの拡張機能で、その主な機能は「Inspector pane for AngularJS apps」です。

拡張機能のスクリーンショット

screenshot

ng-inspector for AngularJS拡張機能のCRXファイルをダウンロード

ng-inspector for AngularJS拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        ng-inspector is a browser extension that displays an inspector panel showing the AngularJS scope hierarchy in the current page in real time, as well as which controllers or directives are associated with which scope.

Hovering over a scope in the inspector will highlight the DOM element that scope is attached to. Clicking on a model will console.log that model's contents.

The extension adds a button next to the address bar with the Angular logo that toggles the pane on and off.

Please submit bug reports and suggestions at the GitHub repo: https://github.com/rev087/ng-inspector/issues/                    

拡張機能の基本情報

名前 ng-inspector for AngularJS ng-inspector for AngularJS
ID aadgmnobpdmgmigaicncghmmoeflnamj
公式URL https://chrome.google.com/webstore/detail/ng-inspector-for-angularj/aadgmnobpdmgmigaicncghmmoeflnamj
説明 Inspector pane for AngularJS apps
ファイルサイズ 107 KB
インストール数 40,000
現在のバージョン 0.5.10
最終更新日 2015-04-16
公開日 2015-04-16
評価 3.70/5 合計 290 レビュー
開発者 http://ng-inspector.org
支払い方法 free
拡張機能のウェブサイト http://ng-inspector.org
ヘルプページのURL https://github.com/rev087/ng-inspector/issues/
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "ng-inspector for AngularJS",
    "description": "Inspector pane for AngularJS apps",
    "version": "0.5.10",
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "permissions": [
        "tabs",
        ""
    ],
    "icons": {
        "16": "icon16.png",
        "48": "icon48.png",
        "128": "icon128.png"
    },
    "browser_action": {
        "default_icon": {
            "19": "btn19.png",
            "38": "btn38.png"
        },
        "default_title": "ng-inspector"
    },
    "content_scripts": [
        {
            "matches": [
                "*:\/\/*\/*"
            ],
            "css": [
                "stylesheet.css"
            ],
            "js": [
                "inject.js"
            ]
        }
    ],
    "web_accessible_resources": [
        "ng-inspector.js",
        "processing.png",
        "icons\/*"
    ]
}