移动开发常用技术总结!~~
//判断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>
