mrmu 設計工作室

WordPress 網站架設、使用者經驗、互動介面研究

  • 服務與作品
  • 關於mrmu
  • 網站架設

判斷偵測是不是IE6,並提示用戶升級

2009-09-03 by audi_lu Leave a Comment

萬惡的IE6,一直是網頁設計人員心中的痛,雖然有很多workaround的方法,但我覺得直接判斷網頁是不是IE6比較直接有效,如果是IE6,看要秀支援的語法還是頁面、升級連結等,或者乾脆就恐赫IE6用戶,再不升級IE,電腦會直接下載病毒好了…XD

以下是javascript的偵測語法:

if(window.XMLHttpRequest){ //Mozilla, Safari, IE7
    if(!window.ActiveXObject){ // Mozilla, Safari,
        alert('Mozilla, Safari');
    }else{
        alert('IE7');
    }
}else {
    alert('IE6');
}

再加一個,可以提示IE6用戶下載其他瀏覽器吧:

<!–[if lte IE 6]>

<div style="background-color:#AA1111; color:#ffffff; margin:5px 0 5px 0;padding:3px 10px 3px 10px;border-color:#F6F6F6; border-style:solid;border-width:2px;">
<p><font size="2"><strong>您好</strong>,系統判斷您的目前使用的瀏覽器版本太過老舊,且安全性不足。建議使用更快、更好用的瀏覽器!如:
<a target="_blank" href="http://www.microsoft.com/taiwan/windows/internet-explorer/worldwide-sites.aspx">IE8.0</a>。
<a target="_blank" href="http://www.google.com/chrome?hl=zh-TW">Google 瀏覽器 </a>
<a target="_blank" href="http://moztw.org/firefox/">Firefox</a>
</font></p>
</div>

<![endif]–>

Filed Under: 網站架設 Tagged With: ie6

發佈留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料。

近期文章

  • 2017 COSCUP WordPress 社群議程:WordPress 開發大小事
  • Webpack 實作入門2:打包 CSS / SCSS 與 加入 Bootstrap
  • Webpack 實作入門1:寫給 “非Node.js開發者” 的教學
  • WordPress 4.7 重磅發表,快來了解有哪些重大更新!
  • 東京自由行之 WordCamp Tokyo 2016
  • 愚人節玩笑成真?WordPress 發表 Node.js 及 React.js 打造的後台應用 – Calypso
  • 使用Git、Composer、Sublime Text進行WordPress專案開發
  • WordPress自訂模組(widget)及顯示版位
  • 新手路跑賽心得及賽前準備 – 臺北渣打公益路跑賽12.5km
  • WordPress 10th Anniversary – WP10週年歡慶小聚

分類

  • CSS (2)
  • JavaScript (8)
  • WordPress (26)
  • 人生哲學 (3)
  • 公告 (9)
  • 活動聚會 (10)
  • 生活記事 (29)
  • 網站架設 (78)
  • 網路行銷 (14)
  • 金工 (134)
  • 開課教學 (29)

Copyright © 2019 · Genesis Sample Theme on Genesis Framework · WordPress · Log in