Как определить, работает ли Chrome Inspect Element или нет?

Question

Есть ли способ определить, запущено ли окно Chrome Inspect Element?

Например, если пользователь нажимает "Проверить элемент" в Chrome, в окне отображается Hello World оповещения.

Это возможно?

Answer 1

window.onresize = function(){
 if((window.outerHeight-window.innerHeight)>100)
   alert('hello');
}

В действии: http://jsbin.com/ediquk/

Обратите внимание, что кажется, что событие resize запускается дважды, поэтому вам следует проверить, предупредили ли вы уже об использовании.

Answer 2

ОБНОВЛЕНИЕ Это больше не работает. Недвижимость console.profiles был удален в Chrome 29.

Единственное решение, которое осталось, это проверить разницу между window.outerHeight а также window.innerHeight как предложено @Gerben. Существует библиотека devtools-Detective, основанная на этом методе, которая добавляет devtoolschange к window объект.

В качестве альтернативы предпринимаются усилия по созданию расширения Chrome с использованием более надежного метода обнаружения, см. Эту группу Google.

---

Вот как они проверяют, открыты ли DevTools в первом испытании интерактивного курса Discover DevTools:

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