zoukankan      html  css  js  c++  java
  • 移动开发常用技术总结!~~

    //判断PC端跟MB端事件

    var touchEnd = ('ontouchstart') in window ? 'touchend' : 'mouseup';

    //安卓机点击按钮出现蓝色边框
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);


    //移动端头部格式
    <head>
    <meta charset="UTF-8">
    <meta id="viewport" name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=no;"/>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta content="telephone=no, email=no" name="format-detection" />
    <meta http-equiv="pragma" content="no-cache" />
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <!-- 设置浏览器缓存 -->
    <meta http-equiv="Cache" content="no-cache">
    <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" />
    <meta name="csrf-param" content="_csrf">
    <meta name="csrf-token" content="d3RGNlZVTWseNwRUZRMCMhMXCX1mOA46ExIqVwJjLAQADhVBDhZ.Rg==">
    <title>HIKEE黑金钻微官网</title>
    </head>


    //Touch事件定义
    var hasTouch = 'ontouchstart' in window ? true : false,
    touchEnd = hasTouch ? 'touchend' : 'mouseup';


    //移动端内容随着分辨率相对应放大缩小
    <script type="text/javascript">
    if(/Android (d+.d+)/.test(navigator.userAgent)){
    var version = parseFloat(RegExp.$1);
    if(version>2.3){
    var phoneScale = parseInt(window.screen.width)/640;
    document.write('<meta name="viewport" content="width=640, minimum-scale = '+ phoneScale +', maximum-scale = '+ phoneScale +', target-densitydpi=device-dpi">');
    }else{
    document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
    }
    }else{
    document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
    }
    </script>

  • 相关阅读:
    Android 监听电量的状态
    2017.1-TOP5 Android开源库
    Android实践 -- Android蓝牙设置连接
    Android ListView滚动到指定的位置
    软件原型设计工具
    plupload+struts2实现文件上传下载
    ORACLE 更改username
    单词反转实现
    FatMouse&#39; Trade(杭电1009)
    JS-JavaScript学习笔记(一)
  • 原文地址:https://www.cnblogs.com/htzan/p/5949527.html
Copyright © 2011-2022 走看看