Friday, March 31, 2017

[HTML] 如何依據使用者瀏覽器是否為 IE (或 IE 幾版) 來決定顯示的內容 (IE Conditional comment 條件註解)

由於舊版 IE 瀏覽器不支援一些新的網頁技術 (eg. CSS3.0 & HTML5),有時需要判斷使用者的瀏覽器是否為 IE (或 IE 幾版) 來決定要顯示什麼樣的網頁內容給使用者,用法很簡單,如下...

IE 7(含) 以下
<!--[if lte IE 7]>
<p>You are using Internet Explorer 7 or below.</p>
<![endif]-->

針對 IE 8
<!--[if IE 8]>
<p>You are using Internet Explorer 8.</p>
<![endif]-->

未達 IE 9 (等同<!--[if lte IE 8]> )
<!--[if lt IE 9]>
<p>You are using Internet Explorer 8 or below.</p>
<![endif]-->

非 IE 的瀏覽器 (IE 10 以上就會被當作非 IE 瀏覽器,所以也會顯示文字)
<!--[if !IE]><!-->
<p>You are not using Internet Explorer.</p>

<!--<![endif]-->

備註:如果要知道更多判斷方法可參考 wiki

No comments:

Post a Comment