鍍金池/ 問答/網(wǎng)絡安全  HTML/ nuxtjs項目里怎么判斷IE,然后提示升級瀏覽器

nuxtjs項目里怎么判斷IE,然后提示升級瀏覽器

我嘗試過在nuxt.config.js注入一個判斷 是否IE,然后把結(jié)果輸出
結(jié)果是輸出了 但是在業(yè)務組件內(nèi)created(){} 嘗試過console.log() 都沒任何結(jié)果輸出。。。。

只是報了一個蛋疼的錯誤
clipboard.png

回答
編輯回答
不討囍

直接在html里面寫一段script不就可以了?不要本末倒置

2018年4月26日 14:02
編輯回答
乖乖噠

直接在html里添加一段這樣的代碼即可,用不著js來判斷。樣式就按照你網(wǎng)站的風格來調(diào)整:

<!--[if lt IE 9]>
<style type="text/css">
.lowie{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;}
.lowie .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;    background: #000;filter: opacity(60);opacity: 0.6;}
.lowie .con{position: absolute; width: 400px; height: 300px; top: 50%; left: 50%; margin-left: -200px; margin-top: -100px;text-align: center; background: #fff;}
.lowie h2{margin: 60px 0 20px;}
.lowie a{font-size: 23px; color: #00f;}
.lowie a:hover{color: #f00;}
</style>
<div class="lowie">
    <div class="bg"></div>
    <div class="con">
        <h2>您的瀏覽器版本過低,為了更好的瀏覽體驗,建議您升級瀏覽器</h2>
        <a  target="_blank">去升級</a>
    </div>
</div>
<![endif]-->
2018年7月28日 18:35