浏览器兼容(不是本质上解决浏览器兼容问题,只是一个招数)

现在大部分的javaweb项目都是要求兼容ie,这个对于我这个初级程序员来说很痛苦,因为很多的东西样式,js的方法都是不兼容ie的,比如css里面的渐变色旋转特效等等,这个时候客户肯定是不满意的,但是其实可以利用一种方式来解决,因为我们在开发的时候,一般都是使用谷歌浏览器来做开发,我们做的样式和写的js方法一般都是兼容谷歌的,这个时候是没有问题的,但是有的时候客户一测试就使用的是360qq猎豹,或者是360极速浏览器,这些浏览器上面一般都有可以选着的模式,一般都是使用极速模式,很少使用兼容,但是在有些地方还是使用兼容模式,对于一些网站不是一定要ie浏览器打开的,可以使用下面的方法,要是必须用ie打开,还是请大家好好学习,兼容性的知识来做项目。

我们可以使用让浏览器自己去识别使用哪种模式,这样的话只要打开浏览器输入网址就直接使用的是极速模式,这样的话网站就兼容了,就像客户说的,用户不会自己去调整,那我们在代码里面给他默认使用极速模式,就可以了,但是有一些用户非要使用ie那就乖乖的做浏览器兼容吧。 

下面就对着四句话做一个解释:

1、首先使用的双核浏览器里面的webkit内核也就是Chrome(谷歌)内核,作用于360浏览器QQ浏览器等国产双核浏览器;

2、还是强制使用chrome内核,作用于其他双核浏览器;

3、如果有安装 Google Chrome Frame 插件则强制为chrome内核,否则强制本机支持的最高版本IE内核,作用于IE浏览器;

4、第四个这段script里面的代码的意思就是,如果ie版本低,则会提示你更新到最新版本的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>

下面是四句代码应该放的位置,这四句话只能虚假的解决浏览器兼容问题,只能满足部分的项目需求,如果要是想解决具体的浏览器兼容还是好好学习各种浏览器的特性以及前端代码吧!

猜你喜欢

转载自blog.csdn.net/qq_34237136/article/details/83855935