前端js判断浏览器类型，并给予提示使用指定浏览器

我们在开发web端管理后台时，有时因时间有限，没有时间去做针对各种浏览器的兼容。
这时我们就需要在页面的顶端有一个提示，请使用指定浏览器。

前端框架使用的是bootstrap 

<div class="alert alert-warning alert-dismissible" id="view-tips" style="margin-bottom:0px;display: none;" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <strong>重要提醒!</strong> 请使用谷歌浏览器,以达到最佳浏览使用效果.<a href="https://www.google.cn/chrome/" target="_blank">下载谷歌浏览器</a>
</div>

JS  代码部分

var userAgent = navigator.userAgent;
//判断是否Chrome浏览器
console.log(!userAgent.indexOf("Chrome"));
if (!userAgent.indexOf("Chrome") > -1){
    //showtixing();
}
function showtixing() {
    var viewtips =  window.sessionStorage.getItem("viewtips");
    console.log(viewtips);
    if(viewtips != 1){
        $('#view-tips').show();
    }
}

还使用到了 alert.js 插件。

这样就可以关闭提示。