HTML meta标签系列 renderer

开发的时候偶尔会接到客户的投诉，说某个页面在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的兼容为妙。