web-dev-qa-db-ja.com

Chrome Inspect Elementが実行されているかどうかを検出する方法は？

Chrome要素の検査ウィンドウが実行されているかどうかを検出する方法はありますか？

たとえば、ユーザーがChromeで[要素の検査]をクリックすると、ウィンドウにHello Worldアラートが表示されます。

それは可能ですか？

javascriptgoogle-chromeconsole
23
Mohammed Shannaq
window.onresize = function(){
 if((window.outerHeight-window.innerHeight)>100)
   alert('hello');
}

動作中： http://jsbin.com/ediquk/

サイズ変更イベントが2回発生するように見えるため、使用を警告したかどうかを確認する必要があります。

12
Gerben

[〜＃〜] update [〜＃〜]これは機能しなくなりました。プロパティconsole.profilesはChrome 29で削除されました。

残っている唯一の解決策は、@ Gerbenによって提案されているように、window.outerHeightとwindow.innerHeightの違いを確認することです。 devtoolschangeオブジェクトにwindowを追加するこのメソッドに基づくライブラリ devtools-detect があります。

または、より堅牢な検出方法を使用してChrome拡張機能を作成するための作業が進行中です。これを参照してください Google Group 。

Discover DevTools インタラクティブコースの最初のチャレンジでDevToolsが開いているかどうかを確認する方法は次のとおりです。

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