Savoir si Chrome console est ouverte

fonction toString (2019)

De crédit à Overcl9ck's commentaire sur cette réponse. Remplacement de la regex /./ avec une fonction vide d'objet fonctionne toujours.

var devtools = function(){};
devtools.toString = function() {
  this.opened = true;
}

console.log('%c', devtools);
//devtools.opened will become true if/when the console is opened

regex toString (2017-2018)

Depuis l'origine le demandeur ne semble pas être autour de plus et c'est encore accepté de répondre, l'ajout de cette solution pour la visibilité. Le crédit va à Antonin Hildebrand's commentaire sur zswang's réponse. Cette solution tire parti du fait que toString() n'est pas appelée sur les objets connectés, à moins que la console est ouverte.

var devtools = /./;
devtools.toString = function() {
  this.opened = true;
}

console.log('%c', devtools);
//devtools.opened will become true if/when the console is opened

de la console.profils (2013)

Mise à jour: console.profiles a été supprimé à partir de Chrome. Cette solution ne fonctionne plus.

Grâce à Paul Irish de remarquer cette solution de Découvrez DevTools, à l'aide du générateur de profils:

function isInspectOpen()
{
    console.profile(); 
    console.profileEnd(); 
    if (console.clear) console.clear();
    return console.profiles.length > 0;
}

fenêtre.innerHeight (2011)

Cette autre option peut détecter le quai inspecteur être ouvert, après le chargement de la page, mais ne sera pas en mesure de détecter une détaché de l'inspecteur, ou si l'inspecteur a déjà été ouverte au chargement de la page. Il y a aussi un certain risque de faux positifs.

window.onresize = function()
{
    if ((window.outerHeight - window.innerHeight) > 100)
        alert('Docked inspector was opened');
}

J'ai créé devtools-détecter qui détecte lorsque DevTools est ouvert:

console.log('is DevTools open?', window.devtools.open);

Vous pouvez également écouter un évènement:

window.addEventListener('devtoolschange', function (e) {
    console.log('is DevTools open?', e.detail.open);
});

Il ne fonctionne pas quand DevTools est déconnecté de la station. Cependant, fonctionne avec google Chrome/Safari/Firefox DevTools et Firebug.

Si votre objectif est de confiture les outils de développement, essayez ceci (j'en ai trouvé un plus compliqué que la version à un endroit où le code JS a été occulté, c'est très ennuyeux):

setTimeout(function() {while (true) {eval("debugger");}}, 0);

Très Fiable hack

Essentiellement un getter de la propriété et de l'enregistrer à la console. Apparemment, la chose est disponible uniquement lorsque la console est ouverte.

https://jsfiddle.net/gcdfs3oo/44/

var checkStatus;

var element = new Image();
Object.defineProperty(element, 'id', {
  get:function() {
    checkStatus='on';
    throw new Error("Dev tools checker");
  }
});

requestAnimationFrame(function check() {
    checkStatus = 'off';
    console.dir(element);
    document.querySelector('#devtool-status').innerHTML = checkStatus;
    requestAnimationFrame(check);
});

J'ai écrit un billet de blog à ce sujet: http://nepjua.org/check-if-browser-console-is-open/

Il peut détecter si elle est ancrée ou non

function isConsoleOpen() {  
  var startTime = new Date();
  debugger;
  var endTime = new Date();

  return endTime - startTime > 100;
}

$(function() {
  $(window).resize(function() {
    if(isConsoleOpen()) {
        alert("You're one sneaky dude, aren't you ?")
    }
  });
});

Aussi, vous pouvez essayer ceci: https://github.com/sindresorhus/devtools-detect

//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);
});

Des réponses ici s'arrête de fonctionner en Chrome de 65 ans. Voici une attaque temporelle alternative ça fonctionne assez fiable dans Chrome, et est beaucoup plus difficile à atténuer que le toString() méthode. Malheureusement, il n'est pas fiable dans Firefox.

addEventListener("load", () => {
var baseline_measurements = [];
var measurements = 20;
var warmup_runs = 3;
const status = document.documentElement.appendChild(document.createTextNode("DevTools are closed"));
const junk = document.documentElement.insertBefore(document.createElement("div"), document.body);
junk.style.display = "none";
const junk_filler = new Array(1000).join("junk");
const fill_junk = () => {
var i = 10000;
while (i--) {
junk.appendChild(document.createTextNode(junk_filler));
}
};
const measure = () => {
if (measurements) {
const baseline_start = performance.now();
fill_junk();
baseline_measurements.push(performance.now() - baseline_start);
junk.textContent = "";
measurements--;
setTimeout(measure, 0);
} else {
baseline_measurements = baseline_measurements.slice(warmup_runs); //exclude unoptimized runs
const baseline = baseline_measurements.reduce((sum, el) => sum + el, 0) / baseline_measurements.length;
setInterval(() => {
const start = performance.now();
fill_junk();
const time = performance.now() - start;
//in actual usage you would also check document.hasFocus()
//as background tabs are throttled and get false positives
status.data = "DevTools are " + (time > 1.77 * baseline ? "open" : "closed");
junk.textContent = "";
}, 1000);
}
};
setTimeout(measure, 300);
});