zoukankan      html  css  js  c++  java
  • 移动端(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的文件选择

  • 相关阅读:
    P4910 帕秋莉的手环
    P3216 [HNOI2011]数学作业
    洛谷 P2894 [USACO08FEB]酒店
    [网络流24题]魔术球问题
    [网络流24题]飞行员配对方案问题
    [网络流24题]最小路径覆盖问题
    洛谷 P1503鬼子进村
    BZOJ 3631: [JLOI2014]松鼠的新家
    洛谷 P2922 [USACO08DEC]秘密消息Secret Message
    洛谷 P1379 八数码难题
  • 原文地址:https://www.cnblogs.com/youryida/p/3660138.html
Copyright © 2011-2022 走看看