02-浏览器现状

1.1 [b]浏览器现状

[b]PC端常见浏览器

360浏览器，谷歌浏览器，火狐浏览器，QQ浏览器，百度浏览器，搜狗浏览器，IE浏览器

[b]移动端常见浏览器

UC浏览器，QQ浏览器，百度浏览器，360浏览器，搜狗浏览器，猎豹浏览器…

[a]移动端发展比PC端发展晚一些，所以技术比较新，兼容性比较好。
[a]国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于Androld修改开发的一样。
[a]总结:兼容移动端主流浏览器，处理Webkit内核浏览器即可。

[b]1.2手机屏幕现状

• [b]移动端设备屏幕尺寸非常多，碎片化严重。
• [b]Android设备有多种分辨率:480×800,480×854,540×960,720×1280,1080×1920等，还有传说中的2k，4k屏。
• [b]近年来iphone的碎片化也加剧了，其设备的主要分辨率有:640×960,640×1136,750×1334,1242×2208等
• [a]作为开发者无需关注这些分辨率，我们常用的尺寸单位是px。

[a]作为前端开发，不建议大家去纠结dp，dpi，pt，ppi等单位

1.4 [aa]移动端调试方法

• [aa]Chrome DevTools(谷歌浏览器)的模拟手机调试
• [b]搭建本地Web服务器，手机和服务器在一个局域网内，通过手机访问服务器
• [b]使用外网服务器，直接IP或域名访问

总结:

• [a]移动端浏览器我们主要对Webkit内核进行兼容
• [b]我们现在开发的移动端主要针对手机端开发
• [a]现在移动端碎片化比较严重，分辨率和屏幕尺寸大小不一致
• [aa]学会用谷歌浏览器模拟手机界面以及调试