renderer标签仅对360、qq、搜狗等国产双核浏览器生效，chrome/firefox/edge（chromium版）完全忽略；其失效主因是位置靠后、大小写错误、旧版本不支持或http header覆盖，需置于head靠前、严格小写、配合force-rendering与x-ua-compatible使用。
renderer 标签只对国产双核浏览器生效，Chrome、Firefox、Edge（Chromium 版）完全忽略它。如果你在非国产浏览器里加了 <meta name="renderer" content="webkit"> 却没看到效果，不是写错了，是它本来就不该起作用。
为什么 renderer 在 360/QQ/搜狗 里有时不生效
最常见原因是位置太靠后或格式有误：
- <meta name="renderer"> 必须写在 靠前位置，最好在所有其他 <meta> 之前（但不必绝对第一行）
- content 值严格区分大小写：webkit 不能写成 WebKit 或 WEBKIT，ie-comp 不能漏掉连字符
- 某些旧版 360 浏览器（如 8.x 以下）不支持 ie-stand，只认 ie-comp 和 webkit
- 如果页面已通过 HTTP Header 发送 X-UA-Compatible，部分版本会优先按 Header 执行，覆盖 renderer
renderer 和 X-UA-Compatible 要不要一起用
要，但得按场景组合：
- 对纯现代页面（H5/CSS3/ES6），优先加 <meta name="renderer" content="webkit"> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- 对网银类老系统，用 <meta name="renderer" content="ie-comp">，同时去掉 chrome=1（避免 Chrome Frame 干扰）
- chrome=1 已无实际意义（Google Chrome Frame 早已废弃），保留仅作兼容历史配置，可删
- X-UA-Compatible 对 IE 内核起效，renderer 对双核外壳起效，二者不冲突，但作用对象不同
哪些浏览器真正识别 renderer 标签
目前明确支持的只有：
- 360 安全浏览器（v9.1+ 全面支持 webkit/ie-comp/ie-stand）
- QQ 浏览器（v10.4+，仅部分识别 webkit 和 ie-comp，ie-stand 行为不稳定）
- 搜狗高速浏览器（v12.0+，支持全部三种值，但需配合 force-rendering 提升命中率）
- 其他如 UC、傲游、百度浏览器等，未公开声明支持，实测多数忽略该标签
- 所有 Chromium 内核新浏览器（包括新版 Edge）、Firefox、Safari —— 完全不解析 name="renderer"
容易被忽略的细节：二级域名继承与缓存影响
360 浏览器会把 renderer 设置“记”在二级域名级别，比如 example.com 下任意路径都沿用该设置；但这个记忆依赖首次加载时的标签解析结果：
- 如果用户第一次访问的是 sub.example.com 且没加 renderer，后续即使主站加了，子域也不会自动同步
- 页面被 CDN 缓存或本地强缓存时，可能返回旧 HTML（不含新 renderer 标签），导致切换失败
- 开发调试时清空浏览器缓存还不够，得关掉 360 的“网页加速”或“预加载”功能，否则它可能跳过 DOM 解析直接复用旧内核
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
