天天看點

也談如何用技術手段引導使用者放棄IE 6

之前看過很多人提議,提議的方案也五花八門,比如:

1、讓XX花園盜版盤作者把IE6更新後,再發行 (基本不靠譜,您先能聯系到盜版盤作者再說吧...)

2、咱們主動幫身邊的朋友、同僚修電腦時,順便把IE更新一下 (出發點不錯,但是效果有限,何況可能有些人就是覺得IE6用着不錯,幹嘛更新?)

3、讓國内的一些壟斷廠家:比如360衛士之類,強制給使用者更新IE6 (這個嘛,肯定有效,但是得先征得周鴻祎同意,貌似有難度)

4、讓微軟自己強制使用者更新 (這個肯定也有效,但是微軟為了照顧以前的使用者,估計也不太可能這麼做)

...

我覺得:與其指望别人或别的公司,還不如讓每個網站開發者(确實來說是前端制作人員)在設計制作網頁時,充分利用IE6與其它浏覽器的差異性,針對更優進的非IE6标準浏覽器設計更好的使用者檢驗;而對于IE6,隻要保證使用者能正常使用即可,這樣随着時間的推移,使用者會慢慢意識到IE6上确實浏覽網頁的使用者檢驗很差,很多好玩好用的功能都沒辦法用,然後他們就會慢慢放棄IE6。

具體怎麼做:

1、先檢測浏覽器,吓唬引誘使用者,拿我們公司最近正在改版的首頁來說

比如用IE6浏覽時,是下面這幅模樣

也談如何用技術手段引導使用者放棄IE 6

在頂上給出一個吓人的提示,讓使用者知道:自己用的浏覽器原來叫IE6,而且它即将過時了,應該需要更新。當然有一點很重要:即使是引導,也不能強制讓使用者做自己不喜歡的事情,是以在右上角放一個關閉按鈕是很必要的,以友善一些不願意更新的使用者能關掉這段煩人的提示。

如果換其它浏覽器浏覽,則不會出現這段提示。

2.差異化的CSS設計

光靠第1步的忽悠使用者肯定是不行的,得切實讓使用者感受到IE6的爛!

IE6僅支援A元素的hover僞類,而标準浏覽器對于任何元素都可以使用hover僞類,僅憑這一點,就能夠讓IE6遜色很多。

這是标準浏覽器下的LI + A元素表現:

也談如何用技術手段引導使用者放棄IE 6

滑鼠移動到連結元素上時,不僅加了高亮背景色,甚至連布局都變了,這樣使用者可能會感覺有點新意,也會留下較深刻的印象。(特别是在第一次見到的時候,當然等到所有網站都用這一招時,也就不那麼稀奇了,這時候就得想其它招)

而IE6下卻隻有很平常的表現:

也談如何用技術手段引導使用者放棄IE 6

我并不是一個合格的前端開發人員,隻能算是三腳貓功夫吧,相信園子裡有更多專業的前端技術人員,能想出更多、更好的差異性設計!如果大家有更好的建議(特指可實施性比較強的建議),歡迎在評論中回複補充或指正。