单独写<meta name="renderer" content="webkit">基本无效，因360 v13+要求其必须位于<head>最前且仅对360生效，QQ浏览器只认force-rendering，IE环境依赖X-UA-Compatible兜底，三者须严格按顺序、小写、无空格连续声明方可生效。
单独写 <meta name="renderer" content="webkit"> 基本无效，尤其在 360 浏览器 v13+ 和 QQ 浏览器上。真正起效必须同时声明三类 meta 标签，且顺序、大小写、空格都卡得极死。
为什么单写 renderer 失效
国产双核浏览器内核切换是分层匹配机制：renderer 只对 360 系列生效，force-rendering 是 QQ/搜狗等浏览器的识别入口，X-UA-Compatible 则兜底 IE 环境。漏掉任意一个，就等于在对应浏览器里“没发指令”。
- 360 v13+ 要求
renderer必须是<head>内第一行，早于<title>和<meta charset> - QQ 浏览器完全不认
renderer，只解析force-rendering - IE 或 Edge（旧版）环境下，
renderer本身不生效，必须靠X-UA-Compatible防止降级到 IE7 文档模式
三标签必须连续写在 head 开头
这三行必须紧贴 <head> 后，中间不能有空行、注释或任何其他标签，连换行符都不能多一个：
<head> <meta name="renderer" content="webkit"> <meta name="force-rendering" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>...
-
content值全部小写：webkit✅，Webkit❌，WEBKIT❌ - 不能用自闭合写法：
<meta name="renderer" content="webkit"/>在部分旧版 360 上被忽略 - 属性名和值之间不能有空格：
name = "renderer"或content = "webkit"全部失效 -
X-UA-Compatible的content中逗号后不能有空格：IE=edge, chrome=1❌，IE=edge,chrome=1✅
content 值只能是三个固定字符串
renderer 和 force-rendering 的 content 值仅接受以下三种，严格区分大小写、无空格、无连字符以外符号：
立即学习“前端免费学习笔记（深入）”；
-
webkit：强制 Chromium/WebKit 内核（现代网站首选） -
ie-comp：强制 IE 兼容模式（仅遗留政务/银行系统） -
ie-stand：强制 IE 标准模式（仍不支持 ES6+，慎用）
常见错误写法：chrome、blink、webkit-、Webkit —— 全部静默失效，浏览器直接跳过该标签。
如何验证是否真生效
别信“页面看起来正常”，要查两个硬指标：
- 360/QQ 浏览器地址栏左端显示“闪电”图标 → 极速模式已启用；显示“齿轮”或“IE”字样 → 仍在兼容模式
- 控制台运行
navigator.userAgent：含AppleWebKit且不含Trident→ WebKit 内核生效；含Trident→ 还在 IE 内核里
最容易被忽略的是：即使三标签都写了，只要有一处空格、大小写错、顺序乱、或混入了注释，整个内核切换逻辑就彻底失效——它不会报错，只是安静地当没看见。
