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

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

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


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

使用方法:
在任意頁面點擊剛才添加的收藏,然后等一會,就會在頁面右下角看到一個firebug的小按鈕 , 然后點擊它即可 。
附:
如果你想讓頁面默認就有一個firebug的小按鈕進行調試,那直接加一句:

復制代碼代碼如下:
head
...
scripttype="text/javascript"src="https://www.questions.com.cn//imgup01.經驗啦網.net/經驗啦網/2018-04/06/14/15229951788455_2.jpg"/script
...
/head


雖然現在能在IE是使用fb了,但是IE上的fb缺陷還是有的,比如html代碼不會實時更新,尤其是在測試jquery插件的時候就無奈了 。
【firebug使用方法在IE上使用firebug的技巧圖文介紹】不過總的來說,firebug for ie還是解決了我們在IE上檢查樣式及代碼提供了一個很好的工具 。

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

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

復制代碼代碼如下:
script type=text/javascript src=https://www.questions.com.cn//imgup01.經驗啦網.net/經驗啦網/2018-04/06/14/15229951788455_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=’//imgup01.經驗啦網.net/經驗啦網/2018-04/06/14/15229951788455_2.jpg’;d.body.appendChild(s);})();void(0);"firebug-lite/a

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

相關經驗推薦