Devtools Status Detector

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

Devtools Status Detectorคืออะไร?

Devtools Status Detector เป็นส่วนขยายของ Chrome ที่พัฒนาโดย VO THAI SON และคุณลักษณะหลักของมันคือ "Allows Javascript Developers to know when Chrome Devtools is open/closed."

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Devtools Status Detector

ดาวน์โหลดไฟล์ส่วนขยาย 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
อีเมล [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"
    ]
}