移动端开发

<table class="text"><tr class="li1">
<td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

Meta属性 网页关键词 网页作者 网页描述 网页重定向和刷新 <Meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>指定viewport 启用 WebApp 全屏模式 隐藏状态栏/设置状态栏颜色 <Meta name="apple-mobile-web-app-title" content="标题">添加到主屏后的标题 忽略数字自动识别为电话号码 忽略识别邮箱 <Meta name="screen-orientation" content="portrait">uc强制竖屏 <Meta name="x5-orientation" content="portrait">QQ强制竖屏 <Meta name="full-screen" content="yes">UC强制全屏 <Meta name="x5-fullscreen" content="true">QQ强制全屏 <Meta name="msapplication-tap-highlight" content="no">windows phone 点击无高光 优先使用 IE 最新版本和 Chrome <Meta name="renderer" content="webkit|ie-comp|ie-stand">浏览器内核控制 <Meta http-equiv="Pragma" content="no-cache">禁止浏览器从本地计算机的缓存中访问页面内容   2、移动端浏览器 移动端上有4种浏览器类型： ---内置浏览器：每部手机都有内置浏览器，属于系统固件，通常是操作系统厂商开发的，被紧密集成到底层的操作系统中，无法单独升级。 ---可下载浏览器：用户能够下载并且自行安装的。只有安卓才可能有可下载的浏览器，因为iOS上不允许安装其他的渲染引擎。 ---WebView：留给原生应用的一个操作系统浏览接口。苹果不允许安装其他渲染引擎。因此，其他浏览器想要在iOS上安装就必须用苹果的WebView。 ---代理浏览器：运行在远程服务器上，能够正常渲染页面，压缩渲染页面，成为该网站的某种图片。 移动端上有3种常见系统类型： ---IOS系统：运行在IOS上的web页面，最终都是通过调用Safari的内核来渲染页面，因此测试时只需适配Safari。 ---Android系统：开源，存在各种浏览器，测试时主要需考虑不同版本的内置浏览器即安卓WebKit（尤其是安卓WebKit4），微信X5内核，webview以及可下载浏览器。 ---win phone系统：市场占有率不高，自带IE10以上。 总结起来： 做weixin端，需考虑Safari内核，x5内核，安卓内置webkit 做app端，需考虑webview 做wap端，需考虑Safari内核，安卓内置webkit，其他可下载浏览器   3、移动端常用插件 ---swiper.js：移动端的可触摸切换插件，适用于左右上下切页，图片轮播等。 ---iscroll.js：移动端的滚动插件，适用于滚动刷新，页面缩放以及实现局部滚动。 ---hammer.js：移动端多点触摸框架，支持实现点击、滑动、拖动、多点触控等事件。 ---zepto.js：移动端dom操作框架，基本上等同于移动端的jquery。 ---Tiny-Alert.js：基于Zepto的提示框插件，也实现了一个loading效果。