代码如下:
<script type="text/javascript">
// 判断浏览器
var getExplorer = (function() {
var explorer = window.navigator.userAgent,
compare = function(s) {
return (explorer.indexOf(s) >= 0);
},
ie11 = (function() {
return ("ActiveXObject" in window)
})();
if (compare("MSIE") || ie11) {
return 'ie';
} else if (compare("Firefox") && !ie11) {
return 'Firefox';
} else if (compare("Chrome") && !ie11) {
return 'Chrome';
} else if (compare("Opera") && !ie11) {
return 'Opera';
} else if (compare("Safari") && !ie11) {
return 'Safari';
}
})()
if (getExplorer == 'ie') {
var str = '<div class="no-compatible">';
str += '<div class="content">';
str += '<div class="img-box">';
str += '<img src="./assets/img/nocompatible.png" alt="">';
str += '</div>';
str += '<div class="desc-box">';
str += '<p>为确保你正常使用、建议安装以下现代浏览器</p>';
str += '</div>';
str += '<ul class="suggest-box">';
str += '<li>';
str += '<img src="./assets/img/chrome.jpg" alt="">';
str += '<span>谷歌浏览器</span>';
str += '</li><li>';
str += '<img src="./assets/img/firfox.png" alt="">';
str += '<span>火狐浏览器</span>';
str += '</li><li>';
str += '<img src="./assets/img/safari.jpg" alt="">';
str += '<span>safari浏览器</span>';
str += '</li></ul></div></div>';
document.write(str);
}
</script>
效果图:
