Devtools Status Detector

Allows Javascript Developers to know when Chrome Devtools is open/closed.

Devtools Status Detectorとは何ですか?

Devtools Status DetectorはVO THAI SONによって開発されたChromeの拡張機能で、その主な機能は「Allows Javascript Developers to know when Chrome Devtools is open/closed.」です。

Devtools Status Detector拡張機能のCRXファイルをダウンロード

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

拡張機能の使用方法

                        This extension helps Javascript developers detect when Chrome Devtools is open or closed on current page.

When Chrome Devtools closes/opens, the extension will raise a event named 'devtoolsStatusChanged' on window.document element. 

This is example code:

     function addEventListener(el, eventName, handler) {
        if (el.addEventListener) {
            el.addEventListener(eventName, handler);
        } else {
            el.attachEvent('on' + eventName,
                function() {
                    handler.call(el);
                });
        }
    }


    // Add an event listener.
    addEventListener(document, 'devtoolsStatusChanged', function(e) {
        if (e.detail === 'OPENED') {
            // Your code when Devtools opens
        } else {
            // Your code when Devtools Closed
        }
    });


Please leave a comment if you have questions or ideas.                    

拡張機能の基本情報

名前 Devtools Status Detector Devtools Status Detector
ID pmbbjdhohceladenbdjjoejcanjijoaa
公式URL https://chromewebstore.google.com/detail/devtools-status-detector/pmbbjdhohceladenbdjjoejcanjijoaa
説明 Allows Javascript Developers to know when Chrome Devtools is open/closed.
ファイルサイズ 17.31 KB
インストール数 29
現在のバージョン 0.0.2
最終更新日 2017-08-22
公開日 2017-08-22
評価 5.00/5 合計 1 レビュー
開発者 VO THAI SON
Eメール [email protected]
支払い方法 free
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Devtools Status Detector",
    "version": "0.0.2",
    "description": "Allows Javascript Developers to know when Chrome Devtools is open\/closed. ",
    "devtools_page": "devtools.html",
    "manifest_version": 2,
    "permissions": [
        "tabs",
        ""
    ],
    "icons": {
        "16": "img\/icon.png",
        "48": "img\/icon.png",
        "128": "img\/icon.png"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "js\/utilities.js",
                "js\/content.js"
            ],
            "run_at": "document_end"
        }
    ],
    "background": {
        "scripts": [
            "js\/utilities.js",
            "js\/background.js"
        ]
    },
    "page_action": {
        "default_icon": {
            "19": "img\/icon.png",
            "38": "img\/icon.png"
        },
        "default_title": "Chrome Devtools Status detector"
    },
    "web_accessible_resources": [
        "js\/demo-inpage-script.js"
    ]
}