IE-OLD IE 提示
生活随笔
收集整理的這篇文章主要介紹了
IE-OLD IE 提示
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. IE-OLD 網站開發必備,收藏好
在開發網站的過程中,不管是優雅降級和漸進增強,總有1款IE 不適合你,然而為了更好的用戶體驗,你肯定需要一款面對我不兼容瀏覽器腳本的提示,已提交網站的健碩和友好的交互,由此你應該用的到IE-OLD
這是通用的一個在低版本瀏覽器上以全屏形式友好提示用戶 更換瀏覽器的小腳本,展示效果如下:
2. IE-OLD效果圖
3. 優點
1.使用方便,只需加幾行 IE-only 的條件注釋代碼,對現代瀏覽器不會產生任何影響 2.大小:整站才45Kb(包含圖片,第1種方式無需再任何瀏覽器加載) 3.醒目,目前多數的網站做法只是在頂部很窄的位置提示一句話,達不到鼓勵用戶更換瀏覽器的目的。而本身是否完全放棄 IE 也是網站自己的選擇。此腳本明顯地告知用戶,之后遇到樣式和功能不正常是因為你已經落伍了。
4. Install 安裝
$ npm install --save ieold5. 使用方式用3種
第一種使用方式(推薦)
Method 1
<!--[if lt IE 10]> <script> // 如果推薦語使用默認值,可以刪除此 script 標簽 </script><script type="text/javascript" src="index.src.js"></script><![endif]-->Method 2
不推薦,只有支持react, 才能使用此方法
//=> react //需要被正確識別 import ieold from 'ieold' // @param version // version <= (6-11) // ieold(9)Method 3
//=> common // const ieold = require('ieold'); ieold(9)由于 IE 10 不支持條件注釋了,如果要對 IE10 也顯示,則需要在條件注釋后面再添加:
<script> if (navigator.userAgent.match(/Trident\/6/)) {document.write('<script src="index.src.js"><'+'/script>'); } </script>6. 瀏覽器選擇
7. 不推薦某些熱門瀏覽器的原因
- 其他瀏覽器本身就是個流氓,各種插件
8. 授權
作者 MIT 協議開源
轉載于:https://www.cnblogs.com/passkey/p/10647066.html
與50位技術專家面對面20年技術見證,附贈技術全景圖總結
以上是生活随笔為你收集整理的IE-OLD IE 提示的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 针对【H-2017年信息基础班(周一班)
- 下一篇: 三步法搞定CTF中的SQL注入题型