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的文件选择

  • 相关阅读:
    Struts2的struts.properties文件在哪儿啊?
    StrutsPrepareAndExecuteFilter的作用
    【转】Eclipse配置Struts2问题:ClassNotFoundException: org...dispatcher.ng.filter.StrutsPrepareAndExecuteFilter
    怎么找到MyEclipse->add struts capabilities
    图像金字塔
    浅析人脸检测之Haar分类器方法
    SIFT算法学习
    OpenCV3.1使用SIFT
    OpenCV头文件包含问题
    OpenCV例程实现人脸检测
  • 原文地址:https://www.cnblogs.com/youryida/p/3660138.html
Copyright © 2011-2022 走看看