2014-11-04 91 views
0

是否可以計算這些瀏覽器中開發人員工具的高度? 似乎這將檢查其開放狀態。如何在chrome/firefox/safari中獲得開發人員工具的高度?

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

代碼會導致鉻的錯誤... – dandavis 2014-11-04 07:04:51

+0

沒有,因爲開發者工具可以利用更少的空間比下載剝離或任何其他工具欄得到開發工具高度在瀏覽器,無法分辨浪費的房地產在哪裏花費。此外,開發工具可以運行一個完全不同的窗口,因此視覺檢測器可能會錯過。 – dandavis 2014-11-04 07:10:33

回答

0

如果你正在使用jQuery的你可以這樣做:

var whatever = $(window); 
console.log(whatever.innerHeight()); 

開始與開發工具關閉,讀出的值。

打開開發工具,刷新頁面並從前者中減去後者值以獲取開發工具的高度。

+0

window.innerHeight是一個標準配置,你不需要jQuery,除此之外,它還沒有足夠的信息,因爲瀏覽器可以隨意調整大小... – dandavis 2014-11-04 07:08:24

0

您可以使用

window.screen.height-window.innerHeight 
+0

這是不正確的,因爲不包括標籤欄和書籤欄。 – WangHongjian 2014-11-04 06:38:43

+0

這也只有在瀏覽器最大化的情況下才能正常工作,這在mac上很少出現。如果你想微調這種方法,你可能會對(outerHeight-innerHeight)感興趣,因爲這會告訴你有多少「chrome/toolbars」像素存在。 – dandavis 2014-11-04 07:05:30