浏览器兼容性测试与内核
主流浏览器及其渲染内核介绍
问题
你做的页面在哪些浏览器测试过？这些浏览器的内核分别是什么？
解答
主流浏览器及内核
| 浏览器 | 内核 | 说明 |
|---|---|---|
| Chrome | Blink | Google 开发，市场份额最大 |
| Safari | WebKit | Apple 开发，macOS/iOS 默认浏览器 |
| Firefox | Gecko | Mozilla 开发，开源浏览器 |
| Edge | Blink | 新版 Edge 已切换到 Chromium |
| IE | Trident | 已淘汰，但部分企业项目仍需兼容 |
内核说明
Blink
- 由 Google 从 WebKit 分支出来
- Chrome、新版 Edge、Opera、国产浏览器（360、QQ、搜狗等）都使用 Blink
WebKit
- Apple 开发维护
- Safari 使用，iOS 上所有浏览器都必须使用 WebKit
Gecko
- Mozilla 独立开发
- 只有 Firefox 使用
实际测试策略
优先级排序：
1. Chrome（桌面端主流）
2. Safari（iOS 用户必测）
3. Firefox（兼容性验证）
4. Edge（Windows 用户）
5. IE11（仅特殊项目需要）移动端注意事项
- iOS：所有浏览器都是 WebKit 内核（包括 Chrome for iOS）
- Android：Chrome 为主，部分厂商有自带浏览器
关键点
- Blink 是目前最主流的内核，Chrome 系浏览器都使用它
- iOS 上所有浏览器都是 WebKit，测 Safari 即可覆盖
- IE 使用 Trident 内核，兼容成本高，新项目可考虑放弃
- 国产浏览器多为双核（Blink + Trident），兼容模式需注意
- 移动端测试重点是 iOS Safari 和 Android Chrome
目录