在網站加入警告標語,建議IE 6.0的使用者升級!

 

 

推到 Twitter!
推到 Plurk!
推到 Facebook!
版本更新回報..

如果你有自己架站,每次修改版面時可能都得考慮到不同版本的瀏覽器所造成的視覺效果差異,以及舊版IE6瀏覽器無法支援較新的語法標籤等屬性...等等問題。如果你希望能在網站上放一些簡單的警告標語,讓使用舊版IE 6.0瀏覽器的使用者多個機會思考一下換用新版瀏覽器的話,可以試試看以下的方式。

下面這東西很簡單,就是一個簡單的if判斷語法,把你要顯示的語句用「<!--[if lte IE 6]>」跟「<![endif]-->」包起來,只要瀏覽器版本是IE 6.0以下的使用者,開啟你的網站都會看到這些警示標語。

功能示範:

排擠IE6的使用者

 

 

程式碼:

<!--[if lte IE 6]>
<div style="background-color:#DDECFF;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>,您目前使用的是舊版的<del>IE 6.0網路瀏覽器</del>,建議使用更快、更好用的瀏覽器! 如:<big><a target="_blank" href="http://briian.com/?p=5726"><u>Google瀏覽器</u> <font color="red">(推薦!)</font></a></big>、<a target="_blank" href="http://briian.com/?p=6248">Firefox</a>、<a target="_blank" href="http://briian.com/?p=6264">Opera</a>、<a target="_blank" href="http://briian.com/?p=6139">Safari</a> 或 <a target="_blank" href="http://briian.com/?p=6166">IE
8.0</a>。</font></p>
</div>
<![endif]-->
 

請將以上程式碼貼到網站版面中,譬如說我是放在<header>下方,在網友閱讀網站內容前先讓它看到這些訊息。你要放到其他位置也可以,中間的內文也都可以改成你喜歡的字句。

 

if判斷式的簡單說明:

<!--[if IE]>
這樣使用IE瀏覽器(全部版本)的人都看得到。
<![endif]-->

<!--[if IE 6]>
這樣IE 6.0版本會看得到,只限IE 6.0版本。
<![endif]-->

<!--[if lt IE 6]>
這樣IE 6.0以下版本會看得到,不包含6.0。
<![endif]-->

<!--[if lte IE 6]>
這樣IE 6.0以下版本會看得到,包含6.0。
<![endif]-->

<!--[if lte IE 8]>
這樣IE 8.0以下版本會看得到,包含8.0。
<![endif]-->

<!--[if gt IE 5]>
這樣IE 5.0以上版本會看得到,不包含5.0
<![endif]-->

<!--[if gte IE 5]>
這樣IE 5.0以上版本會看得到,包含5.0
<![endif]-->

 

說明:

  • gt:greater than (版本編號大於)
  • lt:less than (版本編號小於)
  • gte:greater than or equal to (版本編號大於等於)
  • lte:less than or equal to (版本編號小於等於)

 

(請勿全文轉貼本站文章,歡迎「部份引用」或介紹,引用時請註明 ①網站名稱 與 ②文章網址,感謝~~ )
→ 免費訂閱最新文章:  (如何訂閱?)
本文作者:不來恩 | 發表時間:2009/07/13 | 分類: Blog, 網頁編修、網站架設 | Trackback 引用網址     
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。

飛狼直升機 HP CQ41-105AX 64雙核獨顯強悍機 好神拖360度旋轉拖把組(拖把+脫水桶+布盤x1)

 

關於本主題有 59 個留言:

  1. 翠翠 說道:

    我是用IE 6 但我不懂怎樣升級到 IE 8 可不可以教我應該怎樣升級!謝謝啊謝謝啊!

  2. [...] – IE6, IE5 對不起了 空中的人形醫生 – 網頁程式設計的苦惱與困境 重灌狂人 – 在網站加入警告標語,建議IE 6.0的使用者升級! Derek‧德瑞克 – IE 6版面問題 電腦玩物 – [...]

  3. Arno Ruan 說道:

    收錄來串文。^_^

    聯合抵制IE6 請升級或更新瀏覽器
    http://blog.joytown.tw/2009/07/31/531

  4. 請問想要設定IE 5.0(包含5.0)以上而IE 7.0以下(包含7.0)的語法怎麼寫呢?
    可以寫成這樣嗎?如下:

    ……


    …….

    雖說Google瀏覽器Chrome好用,網頁開啟速度快,但是某些網站也只能用IE瀏覽。目前沒辦法全面使用Chrome,常常必須不停的換瀏覽器來開啟網頁(目前我的電腦安裝了七家瀏覽器。)

  5. bg3000 說道:

    沒有必要為IE6的User浪費生命, 那是M$的問題.
    M$搞出太多浪費你我生命的東西, M$又沒給網頁設計錢, 何必為它抬矯呢?
    IE6你可以滾了…

    • 小俊 說道:

      不過現在的人,動不動電腦中毒就重灌,重灌之後就是IE6…

      習慣性重灌的使用者,大部分不會為了更好的瀏覽經驗而換瀏覽器

      以至於,到現在還是有很多人使用IE6…

  6. IE0 說道:

    等MS 把IE7、IE8以後的版本改到好用、相容性高、不易當機、不過分吃資源我就用

    在此之前,我只用IE6跟其他非IE瀏覽器。

    IE7 IE8 Sucks

  7. 我覺得IE6沒啥不好啊? 說道:

    更新過IE7 反而讓AVAST一直搜尋到木馬
    有在玩線上遊戲的話 都對木馬很頭痛

    所以我又改回來IE6了
    連MSN都堅持用7.5 7.5之後的版本都很奇怪 不穩定
    只是差在7.5不能發離線訊息而已 有差嗎?
    又不是新的東西就是好的
    越新的東西反而越讓駭客有漏洞可以鑽
    IE6至少穩定

    ==>不要再讓網頁設計師減壽了XD
    IE6也沒有糟到完全無法讀取重灌狂人啊?

    而且 為什麼為了一些網頁設計師的私人利益
    毀掉大眾的群體利益啊?這思維好怪

    我公司用IE6 我老闆家裡電腦用IE6
    我姐妹滔也用IE6 我男友也是用IE6

    你說叫我老闆去更新瀏覽器嗎?他連WORD怎麼開都不知道 也不會重開機
    公司電腦是有工程師啊,
    工程師來幫你換瀏覽器(只是換個瀏覽器!!)又賺一筆
    老闆老闆娘會該該叫啊!!
    你說叫我男友去更新瀏覽器嗎?我是幫他換過呀!!
    他一直不停抱怨換過瀏覽器中木馬會讓線上遊戲被盜
    你說叫我姐妹滔去更新瀏覽器?
    她連顆水果都懶得削,掃毒還要我去她家幫她掃

    為什麼不是網頁設計師去設計對群體有利的網頁內容跟架構
    而要多數人配合少數啊?
    我幹麻吃力不討好 搬石頭砸自己的腳?

    • 狼圖騰 說道:

      http://gs.statcounter.com/#browser_version-TW-daily-20090101-20090720-bar

      台灣各版本的瀏覽器使用率參考 (2009/01/01 – 2009/07/20)
      IE6 55.3%
      ————————–
      IE7 34.01%
      Firefox 3.0 5.73%
      IE8 2.91%
      (其它) 2.06%

      市佔率55.3%的IE6並且未來不再支援的網頁
      與設計44.71%並且未來可以繼續支援的網頁相比 (由於尊守標準網頁承現,即使有承現差距也沒IE6誇張

      目前設計師是設計以上看得到所有網頁的支援 (所以才會說IE6要另外處理,不然成品通常只有IE6不能看)
      只是希望那55.3%的人快點被淘汰,因為即使你設計IE6可以看的網頁,未來還是得重寫的

  8. toppy368 說道:

    這跟下面這張YouTube截圖的用意差不多,而Blog只要某些樣版開發人員讓自己製作樣版不支援IE6也可以達到太久換新的作用。

    http://farm4.static.flickr.com/3466/3729635600_12cdb87713_o.gif

    可惜我家不習慣IE7的介面(維持IE6),目前Firefox3.5又不穩定,所以可能要等一陣子才會更新瀏覽器的版本吧!

  9. [...] 重灌狂人及電腦玩物都在推廣淘汰IE6,也由於來丫湯逛網站的人也有將近25%還在使用IE6, [...]

  10. harry51212 說道:

    這個語法
    部落格也可以用嗎?

  11. [...] 圖:按照了重灌狂人這篇文章中的教學,你也可以很容易在自已的Blog上放上IE版本的偵測,提醒使用者該升級IE了! [...]

  12. AYO 阿佑 說道:

    基本上,屏除 IE版本之間的評論,
    單以 這種警告標語的寫法來說,
    是蠻實用的

    以上 AYO 阿佑

  13. 說道:

    IE6的介面哪裡好看?不能隱藏功能表,圖示一點也不精緻(很粗糙)!

  14. Chien-li 說道:

    Youtube也是會出現類似的東西,要你更新瀏覽器或換掉瀏覽器

  15. H 說道:

    原來之前有人在這個網站罵是有原因的喔!
    才剛留完的留言就被刪了
    原來站長真的只想看自己想說的東西
    其他都刪光光…

    說比較喜歡IE6的介面
    因為簡潔 分類清楚
    這樣就被刪…

    有影響到我對這個網站的評價

  16. H 說道:

    比起來還是最喜歡IE6的介面
    簡潔大方
    工具列分類也清楚

    就像不想用OFFICE2007的原因一樣
    為什麼要改變介面呀?

    我覺得如果改成可以自由選擇新或舊版的介面
    不管是IE7 IE8 或OFFICE 2007
    在推廣時應該就不會有問題了

  17. AKiRA 說道:

    真好。大家一起來淘汰IE6吧。
    不要再讓網頁設計師減壽了XD

  18. 章魚小丸子 說道:

    嗯~該是終結IE6的時刻到啦!
    就連微軟自己都這樣在動作,真不知道堅持用IE6的人在想什麼?
    要不要乾脆去用「Win98」呀!!

    以上只針對「懂升級而堅持不升級」的人;不會升級的人不在針對範圍…

  19. 訪客 說道:

    謎版的XP SP1 再怎麼推廣還是沒辦法裝啊= =
    IE6痛苦使用中

  20. LSR 說道:

    終於有人能推廣再次升級瀏覽器了

    謝謝不來恩^_^

  21. 屁股 說道:

    哇~這個真棒!
    感謝分享啦~

  22. 阿踢 說道:

    阿呀!好正點阿!

  23. Naga 說道:

    那看起來像是註解欸,他用的語法屬於什麼語言呢?

    Sorry,我的程度不太好:)

  24. 我用IE6 說道:

    用IE6有那邊不好嗎?除了較新的影音效果,在安全性、還有系統效能兩方面的考量上有比較弱嗎?

    • 我用IE6 說道:

      補充一下,IE對我來說是想丟卻丟不掉的機肋..

      • Leafish 說道:

        安全性是最大問題之ㄧ
        另外網站管理員或網頁製作者會相當討厭IE6是因為排版問題
        要測試數個瀏覽器的相容
        如果有某個瀏覽器不合
        往往牽一髮動全身
        要把語法重改

    • 狼圖騰 說道:

      這個嘛,最主要的原因就是不標準

      我這樣比喻好了,一個電源插頭和插座形狀和用法必須規定一致
      才能使插頭順利插進插座裡

      假設網頁是插頭,瀏覽器是插座
      網頁建構師常常打造一個能夠插進IE7+, Firefox, Google Chrome…的插座裡
      但是由於IE6有自已的獨特插座,所以這個插頭必須打造成混合形 (既插得進一般規定的插座,也插得進IE6的插座

      這樣一來設計師常常花費很多時間在這上面
      而且插頭無法發揮完全的效能
      ———————————————————
      簡單來說,由於設計IE6網頁是很痛苦的事情
      所以才會希望IE6以下的產品早日淘汰

    • fasitny 說道:

      並無攻擊的意思…

      系統效能方面,我自己在電腦上跑,真的可以感覺到IE 6跑得比其他的瀏覽器慢很多
      安全方面…像最近的IE 8它也有加安全篩選(有沒有用就不知道了),可以稍微幫一下你的防毒軟體

      當然這是大大自己的選擇,我只是稍微發表一下意見而已

  25. _null_user_ 說道:

    標籤有沒有辦法判斷其他瀏覽器 謝謝

  26. 666 說道:

    操你媽的IE6快滾

  27. 阿均 說道:

    領航員才是瀏覽器王道阿!!!!(亂入)

  28. 月讀 說道:

    @@+
    太好啦!不用管使用者的感想,我沒有迫他們用Firefox, Chrome 已經是最大的讓步,不升級IE7+的話,就一直顯示。

  29. AMO 說道:

    很有用的教學,非常感謝您~

  30. 瓶子 說道:

    不來大~

    若用戶不想升級
    這個訊息會不會一直重複出現?
    可以讓用戶選擇這訊息再也不會出現嗎?

  31. 拆組達人 說道:

    這個好!打包帶走!^^
    希望萬惡的IE6快點消失!

  32. 塑料托盘 說道:

    剛剛明白過來,我是ie8,用不上。

  33. Alex 說道:

    最簡單的解決方法,就是改用 Firefox

  34. Sinchen 說道:

    很方便耶,滾吧IE6

  35. 很好 說道:

    很好的idea
    其實解決的辦法,就是換firefox
    安全,快速,又有很多插件可以安裝
    adblock一定要記得裝哦!!
    廣告檔一檔,像飛的一樣快呵呵

  36. knight00931 說道:

    http://blog.libraene.com/2008/04/02/426
    這裡有個簡單的script

  37. 狼圖騰 說道:

    http://blog.xdite.net/?p=1311 (Youtube / (Facebook / Twitter) 即將停止支援 IE6)

    太好了,多一點網站推廣升級IE活動吧
    讓網頁建構師的腦袋多活幾年

歡迎留下您的想法或意見...

暱稱:     部落格:

信箱:

(為避免垃圾訊息,全部留言需經系統管理員審核之後才會出現,請勿重複發文)

 

 

 

 ▇ 產業科技新知

 

 ▇ 其他文章

 

 

【重灌狂人】全部文章分類:

  防毒軟體 MSN, WLM 聊天軟體 Yahoo!即時通
下載、P2P YouTube Google
Firefox瀏覽器 Opera瀏覽器 Blog
好用軟體 好站推薦  
     
  Windows XP電腦密技 Windows Vista電腦密技 Mac OS 蘋果電腦密技
其他作業系統    
     
  Office文書處理 檔案管理 郵件收發
影音播放 影音剪輯 秀圖、圖片編修
網路瀏覽 網頁編修、網站架設 WordPress 網站架設
     
  硬體3C資訊 手機流行通訊 廠商新聞稿
【超級星光大道】 熱門話題 好玩
七嘴八舌 貼圖、影片分享