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>

  • 相关阅读:
    算法与数据结构实验题 5.2 Missile
    算法与数据结构实验题 2.3 击鼓传花
    算法与数据结构实验题 2.4 排队
    Linux 添加自定义命令
    转 32位linux内核2.6.38.2添加系统调用,编写类似"ps"命令模块显示进程信息
    Linux内核模块程序加载方法
    Linux下sched.h文件分析
    Kali 爆破和非爆破无线路由账号和密码+让别人无线掉线
    Kali基于路由器的ARP欺骗转发机制
    Kali nmap教程用法简介
  • 原文地址:https://www.cnblogs.com/htzan/p/5949527.html
Copyright © 2011-2022 走看看