移动端(h5)开发笔记

1.禁止缩放+禁止缓存

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-store, must-revalidate" />
    <meta http-equiv="expires" content="0" />
</head>

2.-webkit-定制css
更多参考：http://www.cnblogs.com/radom/archive/2012/04/19/2457356.html

-webkit-touch-callout:none;
-webkit-user-select:none;
-webkit-text-size-adjust:none;

-webkit-tap-highlight-color:rgba(0,0,0,.1);/*链接触感样式*/

3.获取浏览器及webview系统/版本信息

//MIUI
Mozilla/5.0 (Linux; U; Android 4.1.1; zh-cn; MI 2 Build/JRO03L) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Mobile Safari/537.36 XiaoMi/MiuiBrowser/2.1.1

//weixin
Mozilla/5.0 (Linux; U; Android 4.1.1; zh-cn; MI 2 Build/JRO03L) AppleWebKit/533.1 (KHTML, like Gecko)Version/4.0 MQQBrowser/5.4 TBS/025440 Mobile Safari/533.1 MicroMessenger/6.2.2.54_rec1912d.581 NetType/WIFI Language/zh_CN

//QQ
Mozilla/5.0 (Linux; U; Android 4.1.1; zh-cn; MI 2 Build/JRO03L) AppleWebKit/533.1 (KHTML, like Gecko)Version/4.0 MQQBrowser/5.4 TBS/025442 Mobile Safari/533.1 V1_AND_SQ_5.7.2_260_YYB_D QQ/5.7.2.2490 NetType/WIFI WebP/0.3.0

//UC 
Mozilla/5.0 (Linux; U; Android 4.1.1; zh-CN; MI 2 Build/JRO03L) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 UCBrowser/10.4.1.576 U3/0.8.0 Mobile Safari/534.30

//weibo
Mozilla/5.0 (Linux; U; Android 4.1.1; zh-cn; MI 2 Build/JRO03L) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30 Weibo (Xiaomi-MI 2__weibo__5.4.0__android__android4.1.1)

//SohuNews
Mozilla/5.0 (Linux; U; Android 4.1.1; zh-cn; MI 2 Build/JRO03L) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30 SohuNews/5.2.3 BuildCode/95

View Code

4.PC端mousemove和移动端的touchmove target的区别

一个划线程序，div.que划线到div.ans，需要判断是否move到了目标位置。
PC通过判断mousemove的e.target做了实现，但是到了pad上无效了。pad上无论手指移动到什么位置，touchmove的e.touches[0].target始终为touchstart时的target。
如此一来，pad上的实现就必须要通过判断move的坐标是否落在目标坐标范围内了。
思考：
得理解pad和PC的交互区别，PC上可以判断鼠标经过得知经过了那些元素。但是pad上，手指头经过肯定是，按下+移动，类似于PC上的拖拽，这样的话，事件目标肯定是当前拖拽的元素，不会跟着move而改变的。

webview

1.文件选择
Android原生不支持fileInput的文件选择