Как обнаружить элемент Chrome Inspect Element работает или нет?

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

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

Ответы

Ответ 1

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

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

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

Ответ 2

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

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

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

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

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