對於大部分做前端設計者而言應該都使用過Firefox瀏覽器下一款調試網站的擴展插件firebug吧,功能非常的強大,對於我們找出網頁兼容性的問題非常的有效。不過對於很多不喜歡使用Firefox瀏覽器的開發者而言,那么IE瀏覽器有沒有類似的插件呢?這個當然有,新版的IE8瀏覽器就自帶了一款開發人員工具,基本上可以跟firebug媲美,雖然在有些功能還有待完善,但用起來也是綽綽有余了。而老版本的IE6和IE7就沒有這個功能了。所以我們為大家推薦一款能夠在IE6和IE7平台下調試網頁的工具組合:IETester+DebugBar。IETester這里也不詳細介紹,簡單的說就是一款集成了IE5到IE8內核的瀏覽器兼容性測試平台。
整體而言當然沒有firebug那樣完美,而基本可以達到我們調試網站的目的。特別是在對一些對老版本IE瀏覽器做樣式兼容性的時候,這類工具是必不可少的。
IE瀏覽器中免安裝使用Firebug調試的方法:
方法嘛,簡單到不行,就是在網站中引入以下 JS 就可以了。
<script type="text/javascript" src="http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js"></script>
調出方式和在 FireFox瀏覽器中一樣,點F12或者Bug圖標即可。
說到這里,或許你就明白了吧,IETester+DebugBar和Firefox+firebug 一樣,是基本瀏覽器和輔助插件來查看/調試網站的,而免安裝版的IE版firebug是基於腳本語言,而且很可惜的是,IE 版firebug和IETester+DebugBar一樣,只可以查看 HTML、CSS、Script、DOM 等,但是不能修改值以及即時預覽。
以下是IE版firebug的截圖:
不知道別的同學們還有什么其他的好的方法來應付對IE瀏覽器的調試呢?希望大家能夠分享給大家!