|
原文：
http://www.cnblogs.com/JustinYoung/archive/2009/04/03/kaifarenyuangongju2.html
在上一篇文章 IE8“開發(fā)人員工具”使用詳解上(各級菜單詳解) 中，我們詳細地講解了IE8開發(fā)人員工具中各個菜單中命令的使用方法，相信很多朋友應該已經使用上了。而IE8開發(fā)人員工具更強勁的功能例如：如何測試版本兼容性、如何利用開發(fā)人員工具調試JavaScript腳本，以及如何利用探查器檢測頁面腳本函數(shù)效率等，我們將在本篇文章中講解。小弟拙笨，此處僅為拋磚。
瀏覽器模式
應了《無間道》的那句話——“出來混，遲早是要還的！”。IE6種下的苦果，現(xiàn)在果然到了要咽下的時候了。當IE8發(fā)布的時候，他不得不面對著世界上成千上萬“只有在IE6中才能正常顯示”的頁面。不發(fā)布IE8了吧，F(xiàn)ireFox和Chrome又跟著后面搶蛋糕；不管那些“IE6 only”的頁面吧，那瀏覽器出來還不被人罵死；讓所有的站長都把頁面重構吧，想想自己都要笑。唉，這可咋整呀。
唉，有了，咱采取一個手段，讓用戶自己去處理，如果他碰到了“IE6 only”頁面，就讓他自己手動處理一下，讓瀏覽器還用老的渲染模式渲染頁面，這雖然麻煩了一點用戶，但是也不失是個辦法。于是“瀏覽器模式”出來了。說白了，就是讓用戶選擇當前頁面用何種IE版本去渲染。
舉個例子吧，順便練習一下《IE的有條件注釋詳解》，核心代碼如下：
<div id="divTest">
<!--[if IE 7]>
瀏覽器是IE7
<![endif]-->
<!--[if IE 8]>
瀏覽器是IE8
<![endif]-->
</div>
讓我們來試試這個頁面，在不同的瀏覽器模式下的顯示效果吧：
對于普通用戶，微軟官方推薦的是這個玩意——兼容性視圖按鈕。
當然，對前端開發(fā)人員來說，這個工具主要用來測試頁面多瀏覽器兼容性而已。但是非常遺憾的是：沒有IE6模式。沒有IE6的世界，雖然是一個美好的愿望，但是可惜的是：我們生活在現(xiàn)實之中，或許說生活在地獄中更確切。所以，我還是不得不提下面的兩個工具——
IE多版本共存的解決方案——IETester
微軟網頁開發(fā)調試利器SuperPreview（附下載）
出處：藍色理想
責任編輯：bluehearts
上一頁 下一頁 IE8"開發(fā)人員工具"使用詳解 [2]
◎進入論壇網頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 IE8"開發(fā)人員工具"使用詳解 [1]
第 2 頁 
