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
官方網址 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
電子郵箱 [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"
    ]
}