Devtools Status Detector
用户量：19大小：17.31KiB版本：v 0.0.2更新时间：2021-12-21
Allows Javascript Developers to know when Chrome Devtools is open/closed.
Devtools Status Detector 的使用方法详解,最全面的教程
Devtools Status Detector 描述：
用户数：19
分类：开发者工具插件
扩展大小：17.31 KiB
最后更新时间：2021-12-21
版本：v 0.0.2
Devtools Status Detector 插件简介：
这是来自Chrome商店的 Devtools Status Detector 浏览器插件，您可以在当前页面下载它的最新版本安装文件，并安装在Chrome、Edge等浏览器上。
Devtools Status Detector插件下载方法/流程：
点击下载按钮，关注“扩展迷Extfans”公众号并获取验证码，在网页弹窗中输入验证码，即可下载最新安装文件。
Devtools Status Detector插件安装教程/方法：
(1)将扩展迷上下载的安装包文件（.zip）解压为文件夹，其中类型为“crx”的文件就是接下来需要用到的安装文件
(2) 从设置->更多工具->扩展程序 打开扩展程序页面，或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
(4) 将crx文件拖拽到扩展程序页面，
完成安装如有其它安装问题，
请扫描网站底部二维码与客服联系如有疑问请参考：
https://www.extfans.com/installation/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.
