IE8開發人員工具的菜單講解(2)
原文:
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(附下載)
Tag: 設計公司 | 網頁設計公司 | 廣告公司 | 網站設計 | 平面設計 | 互動媒體 | 網頁設計 | Web design | Website design | design house | 媒體公司 | Iphone app | 程式設計 | Flash 網頁 | Flash game | 動畫設計 | 後期製作 | 網上商店 | 網上宣傳 | 網頁服務 |
留言列表