双核浏览器需用<meta name="renderer">强制指定内核，必须置于<head>最前、大小写严格、值为webkit/ie-comp/ie-stand三者之一，配合X-UA-Compatible防降级，并通过地址栏图标和UA验证生效。
双核浏览器（如360、QQ、搜狗）默认渲染内核不统一，同一页面在不同用户端可能用 WebKit 渲染，也可能 fallback 到 IE 兼容模式——这直接导致 CSS Flex/Grid 失效、fetch 报错、Promise 不执行等兼容性问题。加 <meta name="renderer"> 是最轻量、最有效的干预手段，但必须写对位置、大小写和组合逻辑，否则完全无效。
为什么 <meta name="renderer"> 必须放在 <head> 最前面
360 浏览器在解析 HTML 时，一旦读到 <meta name="renderer"> 就立即切换内核，并将该策略应用到当前二级域名下所有页面。如果它被其他 <meta>（比如 <meta charset> 或 <meta http-equiv="X-UA-Compatible">）挡住，或出现在 <title> 后面，浏览器会忽略该标签——不是报错，而是静默跳过。
- 正确位置：紧贴
<head>开始，优先于<title>、<meta charset>、任何 JS/CSS 引入 - 错误写法：
<meta charset="utf-8"><meta name="renderer" content="webkit">→ 大概率失效 - 实操建议：把
<meta name="renderer" content="webkit">放为<head>内第一行
content 值只能是 webkit、ie-comp、ie-stand 三者之一
这个值严格区分大小写，且仅接受这三个字符串，不能拼错、不能加空格、不能用连字符以外的符号。常见错误包括写成 webkit-、Webkit、chrome、blink，这些都会让标签失效。
-
webkit：强制使用 Chromium/WebKit 内核（推荐绝大多数现代网站） -
ie-comp：强制 IE 兼容模式（仅限遗留政府/银行系统） -
ie-stand：强制 IE 标准模式（比ie-comp稍新，但仍不支持 ES6+） - 多值 fallback 写法：
content="webkit|ie-stand|ie-comp"→ 浏览器从左到右匹配首个可用内核
别只靠 renderer，要配合 X-UA-Compatible 防止 IE 内核降级
当用户环境只有 IE10/11 且未装 Chrome Frame 时，<meta name="renderer" content="webkit"> 本身不生效。此时需叠加 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 来双重保障：
立即学习“前端免费学习笔记（深入）”；
-
IE=edge：告诉 IE 使用自身最高可用文档模式 -
chrome=1：若系统已安装 Google Chrome Frame（GCF），则启用 GCF 渲染（现已基本淘汰，但保留无害） - 注意：
http-equiv类型的 meta 必须放在renderer之后，否则可能干扰内核切换时机
测试是否生效：看地址栏图标 + 控制台输出
仅靠“页面看起来正常”无法确认内核是否真正切换。验证方式有两个硬指标：
- 360/QQ 浏览器地址栏左端显示“闪电”图标 → 表示已进入极速模式；显示“齿轮”或“IE”字样 → 仍在兼容模式
- 在控制台运行
navigator.userAgent：含AppleWebKit且不含Trident→ WebKit 内核生效；含Trident/7.0或MSIE→ 仍走 IE 内核 - 容易被忽略的点：二级域名策略是自动继承的，但子目录或三级域名（如
admin.example.com）需单独加标签，不会自动覆盖
