隐藏

renderer是HTML属性meta标签下指定使用什么内核打开浏览器

发布:2023/2/13 10:04:28作者:管理员 来源:本站 浏览次数:724

开发的时候偶尔会接到客户的投诉,说某个页面在360上面显示不正常,听到360就觉得拔凉了,肯定又是开了兼容模式,导致一些渲染不正常。

当然,这里的确有时候是兼容没有做好,但是毕竟在chrome上面开发好了,还是希望客户尽可能使用chrome去打开,360浏览器是个双核浏览器,可以提供ie的渲染模式以及chrome的渲染模式,因此HTML的meta标签里面也出现了一个为双核浏览器服务的meta属性——renderer。

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

有什么用?


使用该meta属性,可以控制浏览器优先使用哪种文档渲染模式

webkit:使用webkit内核

ie-comp:使用ie兼容模式 类似于ie6/7

ie-stand:使用标准ie模式,可以配合x-ua-compatible来指定具体的版本


使用了renderer属性,可以让浏览器在第一次打开你的网页时使用指定的内核打开,在你的网页上加上webkit的模式,可以让使用360的用户第一次打开时就使用极速模式打开,一定程度上避免了第一次打开就出问题的情况。

缺陷


根据笔者看到,360的renderer其实也是蛮鸡肋的,限制多多,具体如下图


关于renderer的360官方说明


所以即使设定了renderer,如果用户切换过兼容模式的话,还是会出问题的。

最后


这个属性还是相当偷鸡取巧的方式,最后使用的还是用户,在没有办法完全限制用户的操作下,还是老老实实做好ie的兼容为妙。