如上做一個彈出框針對ie兼容
// 獲取IE版本 function IEVersion() { // 取得瀏覽器的userAgent字符串 var userAgent = navigator.userAgent; // 判斷是否為小於IE11的瀏覽器 var isLessIE11 = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1; // 判斷是否為IE的Edge瀏覽器 var isEdge = userAgent.indexOf('Edge') > -1 && !isLessIE11; // 判斷是否為IE11瀏覽器 var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf('rv:11.0') > -1; if (isLessIE11) { var IEReg = new RegExp('MSIE (\\d+\\.\\d+);'); // 正則表達式匹配瀏覽器的userAgent字符串中MSIE后的數字部分，，這一步不可省略！！！ IEReg.test(userAgent); // 取正則表達式中第一個小括號里匹配到的值 var IEVersionNum = parseFloat(RegExp['$1']); if (IEVersionNum === 7) { // IE7 return 7 } else if (IEVersionNum === 8) { // IE8 return 8 } else if (IEVersionNum === 9) { // IE9 return 9 } else if (IEVersionNum === 10) { // IE10 return 10 } else { // IE版本<7 return 6 } } else if (isEdge) { // edge return 'edge' } else if (isIE11) { // IE11 return 11 } else { // 不是ie瀏覽器 return -1 } }
然后進行動態渲染
if(-1!=IEVersion()){ $('body').append('<div class="top"><div class="tp"></div><div class="con">請下載谷歌瀏覽器，獲取更好的使用體驗<a href="https://www.google.cn/chrome/">立即下載</a></div> </div>') }
// 獲取IE版本
function
IEVersion
() {
// 取得瀏覽器的userAgent字符串
var
userAgent
=
navigator
.
userAgent
;
// 判斷是否為小於IE11的瀏覽器
var
isLessIE11
=
userAgent
.
indexOf
(
'compatible'
) > -
1
&&
userAgent
.
indexOf
(
'MSIE'
) > -
1
;
// 判斷是否為IE的Edge瀏覽器
var
isEdge
=
userAgent
.
indexOf
(
'Edge'
) > -
1
&& !
isLessIE11
;
// 判斷是否為IE11瀏覽器
var
isIE11
=
userAgent
.
indexOf
(
'Trident'
) > -
1
&&
userAgent
.
indexOf
(
'rv:11.0'
) > -
1
;
if
(
isLessIE11
) {
var
IEReg
=
new
RegExp
(
'MSIE (
\\
d+
\\
.
\\
d+);'
);
// 正則表達式匹配瀏覽器的userAgent字符串中MSIE后的數字部分，，這一步不可省略！！！
IEReg
.
test
(
userAgent
);
// 取正則表達式中第一個小括號里匹配到的值
var
IEVersionNum
=
parseFloat
(
RegExp
[
'$1'
]);
if
(
IEVersionNum
===
7
) {
// IE7
return
7
}
else
if
(
IEVersionNum
===
8
) {
// IE8
return
8
}
else
if
(
IEVersionNum
===
9
) {
// IE9
return
9
}
else
if
(
IEVersionNum
===
10
) {
// IE10
return
10
}
else
{
// IE版本<7
return
6
}
}
else
if
(
isEdge
) {
// edge
return
'edge'
}
else
if
(
isIE11
) {
// IE11
return
11
}
else
{
// 不是ie瀏覽器
return
-
1
}
}