Chrome上的Firebug Lite導致頁腳問題，是否有修復？

Question

我是Chrome用戶，在沒有Firebug的情況下會丟失，但有一個問題一直讓我惱火。也就是說，Firebug控制檯不會顯示在您正在查看的網站下方（即它在Firefox中的行爲方式）。相反，控制檯位於站點上方，遮住了頁腳和內容。這是一件小事，但惱人的一切。

我知道這是因爲Google限制Chrome擴展的方式，但是有沒有解決這個特定問題的方法？

Answer 1

我還沒找到解決方案。所以，在其他堆棧溢出線程的幫助下，我想出了一個非常簡單的函數，因爲我找不到太多這方面的內容，所以我想我會在這裏爲任何有此問題的人發佈它。

我不是JavaScript程序員，但我確實使用jQuery。因此，我在jQuery的ready方法中運行這個。一旦網站已經加載，它會檢查火蟲是否打開，如果是的話，它只是向身體添加一個400px的底部邊距。顯然，如果你的控制檯比這個更大/更小，只需在jQuery代碼中改變大小即可。

但是，如果您打開該網站然後打開Firebug，它不會改變任何內容。沒什麼特別的，只需打開Firebug然後刷新頁面就可以工作。

// add body margin if firebug is open 
if (console.log.toString().indexOf('apply') != -1 && navigator.userAgent.toLowerCase().indexOf('chrome') > -1) { 
    $('body').css('margin-bottom', '400px'); 
} 

希望這會對某人有用。

編輯：

警告：這可能導致你的jQuery停止在Internet Explorer中工作。所以，如果你發現你的jQuery不起作用，就刪除它。

Answer 2

而不是修改其可能產生不利影響網頁的CSS代碼，你應該只螢火蟲分離的精簡版Chrome瀏覽器，那麼調整Chrome瀏覽器窗口，根據該彈出窗口的位置。

要執行此操作，只需按下位於右上角的Firebug Lite窗口中的中央按鈕即可。

右鍵單擊全尺寸下面的圖片，並查看是否有幫助：
Open Image in New Tab/View Image

這樣，你就會有不重疊的兩個獨立區域但很好地一起玩。上述

---

每斯坦的評論...什麼呢Firebug Lite與天然Chrome的開發者工具時提供額外的，我不得不說，它提供了熟悉和一個偉大的DOM Tab是Chrome的缺乏。

更重要的是思想，你實際上可以使用這兩個控制檯同時。

這可以更容易地監視兩個不同的窗格，並使用多顯示器設置這可以是一個有用的場景。即使有大型顯示器，看起來也不錯。

右鍵點擊下面的圖片，並查看全尺寸是否有幫助：
Open Image in New Tab/View Image