原文:
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(附下載)
新聞熱點
疑難解答