如何给网站添加IE浏览器升级提示

2024-11-14 11:19:21

1、在代码编辑器中(如Notepad++)打开网站头部模板

2、使用<!––[if IE]>语句添加升级提示,如判断是否IE(包含使用IE内核的浏览器)<!––[if IE]>你正在使用的是IE浏览器<![endif]––>判断当前浏览器是否某个IE版本,以下例子是指等于IE6。如果我们要特指IE7则把if IE 6 改成if IE 7 即可,以此类推。<!––[if IE 6]>你使用的是IE6浏览器,这是IE的过期版本,是时候升级了!<![endif]––>判断当前浏览器是否IE浏览器以及小于等于某个版本,以下例子是指小于等于IE8。如果要指小于等于 IE 9 则把if lte IE 8 改为if lte IE 9 即可。<!--[if lte IE 8]>这段文字只会在IE8及(IE7/IE6/IE5等)以下版本显示<![endif]-->需要注意的是,if IE 语句只支持到 IE 9 ,要判断 IE10 需要使用JS语句。

3、应用实例(使用方法:添加在网站头部代码</head>之前)IE8及以下版本提示升级<!--[if lte IE 8]><script>window.location.href='http://support.dmeng.net/upgrade-your-browser.html?referrer='+encodeURIComponent(window.location.href);</script><![endif]-->IE9及以下版本提示升级<!--[if lte IE 9]><script>window.location.href='http://support.dmeng.net/upgrade-your-browser.html?referrer='+encodeURIComponent(window.location.href);</script><![endif]-->IE10及以下版本提示升级(方法一,@cc_on 是 IE10 及更旧版IE特有的条件编译语句,因此可以用来判断是否除 IE11 的其他IE版本。推荐此方法,但需要注意,如使用自动过滤注释,要确认升级代码有没有被误删)<script>/*@cc_on window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>IE10及以下版本提示升级(方法二,判断UA)<script>if (navigator.appVersion.match(/MSIE [0-9]+/)) window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); </script>

4、值得注意的是,国产浏览器往往内置Chromium(即谷歌浏览器内核)和IE双内核,我们可以使用头部代码令其调用先进的Chromium内核,给用户更优质的访问效果。这个代码需要添加在IE升级代码前面,如下所示:<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 window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>

猜你喜欢