firebug使用方法在IE上使用firebug的技巧圖文介紹

2024-07-11 08:29:27

字體：大中小

來源：轉載

供稿：網友

先來兩張預覽圖，測試瀏覽器為搜狗瀏覽器。

使用方法：

在任意頁面點擊剛才添加的收藏，然后等一會，就會在頁面右下角看到一個firebug的小按鈕，然后點擊它即可。

附：

如果你想讓頁面默認就有一個firebug的小按鈕進行調試，那直接加一句：

復制代碼

代碼如下:
<head>
...
<scripttype="text/javascript"src="http://www.survivalescaperooms.com/uploads/allimg/190321/2051235550-2.jpg"></script>
...
</head>

雖然現在能在IE是使用fb了，但是IE上的fb缺陷還是有的，比如html代碼不會實時更新，尤其是在測試jquery插件的時候就無奈了。

不過總的來說，firebug for ie還是解決了我們在IE上檢查樣式及代碼提供了一個很好的工具。

同事啄米鳥推薦了我一個web版firebug，適用大多數瀏覽器，確實不出，主要可以用于IE的CSS樣式調試，因為IE developer toolbar和IE8自帶的調試工具太難用了。

在網頁head 部分上面這個JS 即可使用web版firebug：

復制代碼

代碼如下:
“ <script type=”text/javascript” src=”http://www.survivalescaperooms.com/uploads/allimg/190321/2051235550-2.jpg”></script> ”

如果想查看在線的頁面元素，版主給了如下方法：

復制代碼

代碼如下:
<a href="javascript:(function(){var d=document, s=d.getElementById('firebug-lite');if(s!=null)return;s=d.createElement('script');s.type='text/javascript';s.src='http://www.survivalescaperooms.com/uploads/allimg/190321/2051235550-2.jpg';d.body.appendChild(s);})();void(0);">firebug-lite</a>

運行上面的HTML代碼，在 “firebug-lite” 的連接上點右鍵選擇“添加到收藏夾”（這個應該針對IE，chrome右鍵沒有加入收藏），把這個連接添加到收藏夾。然后打開任意一個網頁，打開后，在收藏夾中找到剛才添加的這個，點一下，再等一小會兒，你就會看到網頁的右下角有“firebug”的這個工具了。

上一篇：怎么用純CSS制作帶小三角的tooltip提示框

下一篇：瀏覽器的重繪repaints與重排reflows深入分析