设备兼容 - 概述
前端开发需要处理各种设备和浏览器的兼容性问题,包括PC端、移动端、不同操作系统、不同浏览器等。掌握设备探测和兼容处理是前端工程师的必备技能。
设备类型分类
| 分类维度 | 类型 | 特点 |
|---|---|---|
| 设备类型 | PC、平板、手机 | 屏幕尺寸、交互方式不同 |
| 操作系统 | iOS、Android、Windows、Mac、Linux | 浏览器内核、API支持不同 |
| 浏览器 | Chrome、Safari、Firefox、Edge | CSS/JS支持程度不同 |
| 屏幕 | 普通屏、Retina屏 | dpr不同,影响图片清晰度 |
| 网络 | 2G、3G、4G、5G、WiFi | 加载速度差异大 |