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
官方網址 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\/*"
    ]
}