必须连续写三组严格格式的meta标签:(360)、(QQ/搜狗等)、(IE兜底),全小写、英文双引号、不自闭合、无空格、紧贴开头。

要在 HTML5 中通过 meta 标签强制国产双核浏览器(如 360、QQ、搜狗)使用极速模式(即 WebKit/Chromium 内核),不能只写一个 。必须组合三类声明,且顺序、大小写、格式都必须严格正确,否则在新版浏览器中基本无效。
必须连写三组 meta 标签,且顺序固定
这三组标签各自负责不同浏览器,缺一不可:
-
:专用于 360 安全浏览器(v9.1+),告诉它“本域名用极速模式” -
:QQ 浏览器、搜狗、2345 等主要识别这个,renderer对它们基本无效 -
:兜底 IE 环境,防止降级到 IE7 文档模式;逗号前后不能有空格
三者必须连续写在 最开头,紧贴 标签后,不能有任何前置内容(包括 、注释、BOM、空行)。
格式细节一个都不能错
这些看似微小的写法差异,会导致整个配置静默失效:
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面,使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力: - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面; - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”; - 提及位于 `apps/console/src/featur
- 所有属性名和
content值全部小写:webkit✅,Webkit❌,WEBKIT❌ - 引号必须是英文双引号,且仅包裹
content值:name="renderer"✅,name='renderer'❌(360 不识别单引号) - 不能自闭合:
在部分旧版 360 中被忽略,必须写成 -
content="IE=edge,chrome=1"中逗号后不能有空格,否则 IE 解析失败
不推荐 fallback 多值写法
像 content="webkit|ie-stand|ie-comp" 这类管道符写法,理论上支持从左匹配,但实际兼容性差、解析不稳定,尤其在 QQ 浏览器上容易被忽略。建议明确指定首选内核,例如:
- 现代网站统一用
content="webkit" - 仅遗留政企系统需兼容老 IE 时,才考虑
content="ie-stand",但应优先通过 HTTP 响应头设置X-UA-Compatible
验证是否真正生效
不能只看页面显示是否正常,要查两个硬指标:
- 360 或 QQ 浏览器地址栏左端出现闪电图标 → 表示已进入极速模式;出现“齿轮”或“IE”字样 → 仍在兼容模式
- 打开开发者工具,在控制台运行
navigator.userAgent:含AppleWebKit且不含Trident→ WebKit 内核已生效
部署到线上后,注意二级域名会继承 renderer 设置,首次访问后该策略会缓存,测试时建议换无痕窗口或清空浏览器内核记忆。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










