移动端web开发
### 概述
随着互联网技术的快速发展,加之智能设备的迅速普及,传统网站都已经逐渐向移动端转移和扩展,移动端web开发技术的掌握也显得尤为重要。
移动端Web主要指运行在移动端(手机、ipad)的web页面, 因为具备HTML5特性也叫H5页面、Web App等。
【H5页面、微网页、微站、wap站、webAPP】
如:京东商城手机版,淘宝触屏版,苏宁易购手机版
```
相关阅读:
WebApp与Native App的区别?
在高端智能手机系统中有两种应用程序:一种是基于本地(操作系统)运行的APP;一种是基于高端机的浏览器运行的WebApp(基于WEB形式的应用程序)
Native App:
1、开发成本非常大一般使用的开发语言为JAVA、C++、Objective-C
2.能调用系统的 api 优点是性能更好,实现的一些非常酷的交互效果,但是发布 app 流程繁琐,而且不跨平台。
3.更新体验较差(每一次发布新的版本,都需要做版本打包,且需要用户手动更新)
Web App:
1、开发成本较低
使用web开发技术就可以轻松的完成web app的开发
2、升级较简单
升级不需要通知用户,在服务端更新文件即可,用户完全没有感觉
3、维护比较轻松
和一般的web一样,维护比较简单
优点是跨平台,修改方便缺点是不能调用原生的 api, 而且用户体验不如原生 app 好
```
## 移动端浏览器及内核
移动端浏览器:百度浏览器,火狐浏览器,谷歌浏览器,uc浏览器,360浏览器,qq浏览器,苹果浏览器,猎豹浏览器,搜狗浏览器,2345浏览器等等
国内用户首选使用移动浏览器的占比中:uc浏览器,qq浏览器,360浏览器,为用户手机浏览器平台首先前三位
内核:
对于安卓手机而言,使用率最高的就是webkit内核,国内目前尚无自主研发的内核,都是基于开源内核webkit上进行的二次开发,并不是完全的自主内核
对于苹果手机而言:由于系统封闭,不允许除苹果系统自带的浏览器内核以外的浏览器内核进入,因此各家浏览器的开发均在Safari内核的基础上进行开发;
终端分为三个:pc iPad 移动端
### 移动端web开发现状
- 移动端浏览器大多基于webkit内核, 对H5+CSS3支持良好
- 手机的屏幕尺寸非常多,不同的移动设备有不同的屏幕尺寸、视口大小
```
设备的屏幕尺寸查询: https://uiiiuiii.com/screen/
```
我们开发的网页,在不同的手机上,若想展示效果一致,必然不是为每一种型号手机都开发一套页面,而是要尽可能的能适配所有