1. IE-OLD 網(wǎng)站開發(fā)必備，收藏好

在開發(fā)網(wǎng)站的過程中，不管是優(yōu)雅降級和漸進(jìn)增強(qiáng)，總有1款I(lǐng)E 不適合你，然而為了更好的用戶體驗，你肯定需要一款面對我不兼容瀏覽器腳本的提示，已提交網(wǎng)站的健碩和友好的交互，由此你應(yīng)該用的到IE-OLD

這是通用的一個在低版本瀏覽器上以全屏形式友好提示用戶 更換瀏覽器的小腳本，展示效果如下：

2. IE-OLD效果圖

3. 優(yōu)點

1.使用方便，只需加幾行 IE-only 的條件注釋代碼，對現(xiàn)代瀏覽器不會產(chǎn)生任何影響 2.大小：整站才45Kb(包含圖片，第1種方式無需再任何瀏覽器加載) 3.醒目，目前多數(shù)的網(wǎng)站做法只是在頂部很窄的位置提示一句話，達(dá)不到鼓勵用戶更換瀏覽器的目的。而本身是否完全放棄 IE 也是網(wǎng)站自己的選擇。此腳本明顯地告知用戶，之后遇到樣式和功能不正常是因為你已經(jīng)落伍了。

4. Install 安裝

$ npm install --save ieold

5. 使用方式用3種

第一種使用方式(推薦)

Method 1

<!--[if lt IE 10]> <script> // 如果推薦語使用默認(rèn)值，可以刪除此 script 標(biāo)簽 </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. 授權(quán)

作者 MIT 協(xié)議開源

轉(zhuǎn)載于:https://www.cnblogs.com/passkey/p/10647066.html

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的IE-OLD IE 提示的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。