最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

关于控制浏览器默认打开版本及内核问题

业界 admin 5浏览 0评论

在网页开发过程中发现上线网页在其他同事电脑上打开出现了样式错乱的问题,究其原因发现是其使用了低版本IE模式打开,之后搜集资料总结了解决方法:通过在html头部声明方式控制浏览器默认打开版本及所用内核。

1、 强制使用IE浏览器最高版本   <meta http-equiv="X-UA-Compatible" content="IE=edge">

X-UA-Compatible是一个设置IE浏览器兼容模式的属性,在IE8浏览器之后诞生。


2、使用360浏览器内核控制Meta标签:(此代码只对于360浏览器用户适用)

<meta name="renderer" content="webkit|ie-comp|ie-stand">

作用:通过Meta标签控制浏览器内核。只要你在自己的网站里增加一个Meta标签,告诉360浏览器这个网址应该用哪个内核渲染,哪么360浏览器就会在读取到这个标签后,立即切换对应的内核。并将这个行为应用于这个二级域名下所有网址。目前该功能已经在所有的360安全浏览器实现。我们也建议其它浏览器厂商一起支持这个实现。让这个控制标签成为行业标准。

其中content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。 
若页面需默认用极速内核,增加标签:<meta name="renderer" content="webkit"> 
若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp"> 
若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand"> 

 

在网页开发过程中发现上线网页在其他同事电脑上打开出现了样式错乱的问题,究其原因发现是其使用了低版本IE模式打开,之后搜集资料总结了解决方法:通过在html头部声明方式控制浏览器默认打开版本及所用内核。

1、 强制使用IE浏览器最高版本   <meta http-equiv="X-UA-Compatible" content="IE=edge">

X-UA-Compatible是一个设置IE浏览器兼容模式的属性,在IE8浏览器之后诞生。


2、使用360浏览器内核控制Meta标签:(此代码只对于360浏览器用户适用)

<meta name="renderer" content="webkit|ie-comp|ie-stand">

作用:通过Meta标签控制浏览器内核。只要你在自己的网站里增加一个Meta标签,告诉360浏览器这个网址应该用哪个内核渲染,哪么360浏览器就会在读取到这个标签后,立即切换对应的内核。并将这个行为应用于这个二级域名下所有网址。目前该功能已经在所有的360安全浏览器实现。我们也建议其它浏览器厂商一起支持这个实现。让这个控制标签成为行业标准。

其中content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。 
若页面需默认用极速内核,增加标签:<meta name="renderer" content="webkit"> 
若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp"> 
若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand"> 

 

发布评论

评论列表 (0)

  1. 暂无评论