一行代码解决判断IE浏览器和提示升级问题

最新推荐文章于 2023-01-02 22:07:23 发布

只谈风月不谈恋爱

最新推荐文章于 2023-01-02 22:07:23 发布

阅读量5k

点赞数

本文链接：https://blog.csdn.net/wufafangwen/article/details/80273774

版权

IE8及以下版本提示升级（使用IE9和旧版IE支持 if IE 条件注释语句实现）

<!--[if lte IE 8]><script>alert("您正在使用的浏览器版本过低，为了您的最佳体验，请先升级浏览器。");window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href);</script><![endif]-->

IE9及以下版本提示升级（使用IE9和旧版IE支持 if IE 条件注释语句实现）

<!--[if lte IE 9]><script>alert("您正在使用的浏览器版本过低，为了您的最佳体验，请先升级浏览器。");window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href);</script><![endif]-->

IE10及以下版本提示升级（使用只有IE10和旧版IE才支持 @cc_on 条件编译语句实现）

<script>/*@cc_on alert("您正在使用的浏览器版本过低，为了您的最佳体验，请先升级浏览器。");window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>

由于IE浏览器和双核浏览器会根据网页内容自动选择渲染模式，例如IE11有可能自动采用IE7兼容模式渲染，国产双核浏览器可能会采用IE内核渲染。为了解决这个问题，可以通过 renderer 和 X-UA-Compatible 头部标签要求双核浏览器优先采用 Chrome 内核、IE浏览器优先采用最高版本。

<meta name="renderer" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

完整的HTML网页示例

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"/>
<meta name="renderer" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
<script>/*@cc_on alert("您正在使用的浏览器版本过低，为了您的最佳体验，请先升级浏览器。");window.location.href="https://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>  
<title>网页标题</title>
<!-- 其他标签 -->
</head>
<body>
<!-- 网页内容 -->
</body>
</html>

只谈风月不谈恋爱

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
一行代码解决判断IE浏览器和提示升级问题

IE8及以下版本提示升级（使用IE9和旧版IE支持 if IE 条件注释语句实现）&lt;!--[if lte IE 8]&gt;&lt;script&gt;alert("您正在使用的浏览器版本过低，为了您的最佳体验，请先升级浏览器。");window.location.href="http://support.dmeng.net/upgrade-your-browser.html?refe...
复制链接

扫一扫