Question

我使用下面的代码来检测dev工具是否打开。它适用于Chrome，但它不适用于Mozilla Firefox。我使用的是53.00版的firefox。

    var checkStatus;

    var element = new Image();
    // var element = document.createElement('any');
    element.__defineGetter__('id', function() {
        checkStatus = 'on';
    });

    setInterval(function() {
        checkStatus = 'off';
        console.log(element);
        console.clear();
        document.querySelector('#devtool-status').innerHTML = checkStatus;
    }, 1000)

Answer 1

以下是此脚本。希望这是你想要的。

https://github.com/sindresorhus/devtools-detect/blob/gh-pages/index.js

获取并包含它，然后查看以下代码，它将帮助您解决问题。

<script>
// check if it's open
console.log('is DevTools open?', window.devtools.open);
// check it's orientation, null if not open
console.log('and DevTools orientation?', window.devtools.orientation);

// get notified when it's opened/closed or orientation changes
window.addEventListener('devtoolschange', function (e) {
    console.log('is DevTools open?', e.detail.open);
    console.log('and DevTools orientation?', e.detail.orientation);
});

检测开发工具是否已打开或未使用Javascript代码在Mozilla Firefox中无效

1 个答案: