HTML 啟用 360 瀏覽器極速模式：Meta 標籤指定 WebKit 內核

問題背景

360 瀏覽器雙內核 (IE Trident + Chrome WebKit)，預設可能用兼容模式 (IE 內核) 渲染頁面，導致 CSS3/HTML5 特性不支援、體驗差。

解決方案

在 `` 標籤中加入 meta 標籤：

<meta name="renderer" content="webkit">

完整範例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <title>強制極速模式頁面</title>
</head>
<body>
    <h1>此頁面將使用 WebKit 內核渲染</h1>
</body>
</html>

渲染模式對照

官方文檔參考

360 瀏覽器開發者文檔：https://se.360.cn/v6/help/meta.html

其他雙核瀏覽器類似機制

HTTP Header 替代方案

# Nginx 配置
add_header X-UA-Compatible "webkit";

# Apache 配置
Header set X-UA-Compatible "webkit"

# Java Filter
response.setHeader("X-UA-Compatible", "webkit");

驗證方法

1. 開啟 360 瀏覽器開發者工具 (F12)
2. Console 輸入：`document.documentMode` (IE 內核返回數字，WebKit 返回 undefined)
3. 或查看 User Agent：WebKit 內核包含 `Chrome/版本號`

總結

單行 `` 即可強制 360 等雙核瀏覽器使用 WebKit 內核，享受現代 Web 標準支援與高效能渲染。建議作為專案標準模板必備標籤。