x-ua-compatible已无实际约束力，仅对ie8–ie11有效且极易被绕过；现代项目应彻底移除，遗留系统若必须用，需严格满足三重硬性条件：meta必须紧贴开头（无bom、注释、空格）、content值严格大小写正确（如ie=edge）、优先使用http响应头（apache/nginx/express配置），并兼顾国产双核浏览器的renderer meta。
X-UA-Compatible 已无实际约束力，仅对 IE8–IE11 有效，且极易被绕过；现代项目应彻底移除，遗留系统若必须用，需严格满足三重硬性条件。
IE=edge 写在
IE（8–11）解析 HTML 时，一旦开始构建 DOM，就不再读取后续的 <meta http-equiv="X-UA-Compatible">。这意味着它必须是 中第一个可渲染字符——前面不能有任何东西：
- UTF-8 BOM（
EF BB BF）：常见于 PHP/Node 模板或编辑器“UTF-8 with BOM”保存模式 - HTML 注释（
<!-- ... -->）、空格、换行、<title></title>、其他<meta> - 推荐写法：
<meta http-equiv="X-UA-Compatible" content="IE=edge">紧贴开始，后面紧跟<title></title>
content 值大小写和格式稍错即降级为 Quirks 模式
IE 对该属性值解析极脆弱，不接受任何偏差：
-
ie=edge（全小写）、IE = edge（含空格）、IE=Edge（驼峰）均无效 - 合法值仅限：
IE=edge、IE=10、IE=EmulateIE11、IE=7—— 必须是IE=全大写前缀 + 小写/数字后缀 -
chrome=1已完全失效：Google Chrome Frame 自 2014 年停更，新版 Edge（Chromium）无视该指令
HTTP 响应头比 meta 标签优先级更高，且不可被覆盖
当服务器通过响应头发来 X-UA-Compatible，HTML 中的 <meta> 会被静默忽略：
- Apache：
Header set X-UA-Compatible "IE=edge"（需mod_headers启用） - Nginx：
add_header X-UA-Compatible "IE=edge";（放在server或location块） - Express：
res.setHeader('X-UA-Compatible', 'IE=edge');（必须在res.send()前调用） - 注意：若响应头值为
IE=5，即使 meta 写IE=edge，IE 仍执行IE=5—— 它不比较优劣，只机械执行收到的值
国产双核浏览器（360/QQ/搜狗）需额外加 <meta name="renderer">
即使 X-UA-Compatible 在 IE 模式下生效，国产双核浏览器仍可能无视它：
-
<meta name="renderer" content="webkit">：强制 WebKit 内核 -
<meta name="renderer" content="ie-comp">：启用兼容模式（IE7/8） -
<meta name="renderer" content="ie-stand">：启用标准模式（IE9+） - 这些 meta 必须与
X-UA-Compatible并存，且同样需置于最开头
真正起效前，别只看源码有没有写——打开 DevTools → Network → 找 HTML 请求 → Response Headers 里确认是否存在 X-UA-Compatible 字段；再在 IE11 或 Edge 的 IE 模式中按 F12 →「仿真」标签页 → 查「文档模式」数字是否匹配预期。BOM、大小写、响应头冲突、国产浏览器 renderer 缺失——这四点漏掉任一，X-UA-Compatible 就形同虚设。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
