原文:
http://www.cnblogs.com/justinyoung/archive/2009/04/03/kaifarenyuangongju2.html
在上一篇文章ie8開發人員工具使用詳解上(各級菜單詳解) 中,我們詳細地講解了ie8開發人員工具中各個菜單中命令的使用方法,相信很多朋友應該已經使用上了。而ie8開發人員工具更強勁的功能例如:如何測試版本兼容性、如何利用開發人員工具調試javascript腳本,以及如何利用探查器檢測頁面腳本函數效率等,我們將在本篇文章中講解。小弟拙笨,此處僅為拋磚。
瀏覽器模式應了《無間道》的那句話-出來混,遲早是要還的! 。 ie6種下的苦果,現在果然到了要嚥下的時候了。當ie8發布的時候,他不得不面對著世界上成千上萬隻有在ie6中才能正常顯示的頁面。不發布ie8了吧,firefox和chrome又跟著後面搶蛋糕;不管那些ie6 only的頁面吧,那瀏覽器出來還不被人罵死;讓所有的站長都把頁面重構吧,想想自己都要笑。唉,這可咋整呀。
唉,有了,咱採取一個手段,讓用戶自己去處理,如果他碰到了ie6 only頁面,就讓他自己手動處理一下,讓瀏覽器還用老的渲染模式渲染頁面,這雖然麻煩了一點用戶,但是也不失是個辦法。於是瀏覽器模式出來了。說白了,就是讓用戶選擇當前頁面用何種ie版本去渲染。
舉個例子吧,順便練習一下《ie的有條件註釋詳解》,核心代碼如下:
<div id=divtest>
<!--[if ie 7]>
瀏覽器是ie7
<![endif]-->
<!--[if ie 8]>
瀏覽器是ie8
<![endif]-->
</div>
讓我們來試試這個頁面,在不同的瀏覽器模式下的顯示效果吧:
對於普通用戶,微軟官方推薦的是這個玩意-兼容性視圖按鈕。
當然,對前端開發人員來說,這個工具主要用來測試頁面多瀏覽器兼容性而已。但是非常遺憾的是:沒有ie6模式。沒有ie6的世界,雖然是一個美好的願望,但是可惜的是:我們生活在現實之中,或許說生活在地獄中更確切。所以,我還是不得不提下面的兩個工具-
ie多版本共存的解決方案-ietester
微軟網頁開發調試利器superpreview(附下載)