微信h5页面开发遇到那些坑
来源:互联网 发布:c语言取反符号 编辑:程序博客网 时间:2024/06/08 11:55
一、首先是ios对时间date()的支持不一样:
var date =new Date("2016-05-31 00:00:00");
这种写法在安卓和pc上都不正常的,唯独在ios手机上会显示Nan,查阅一些资料,经过一番调试发现:
ios上只支持:
var date =new Date("2016/05/31");
这种格式,调试发现 2016/05/31 等同 2016-05-31 00:00:00 ,也就是说ios默认就是从0开始计算的,我们不需要设置后面的时分秒为 00:00:00
二、安卓手机端软键盘弹出顶起页面布局:
BODY被顶起的解决办法:
$('body').height($('body')[0].clientHeight);
三、调用系统自带alert的时候会有网址显示:
去掉网址解决办法:
window.alert = function(name){var iframe = document.createElement("IFRAME");iframe.style.display="none";iframe.setAttribute("src", 'data:text/plain,');document.documentElement.appendChild(iframe);window.frames[0].window.alert(name);iframe.parentNode.removeChild(iframe);}
四、音乐视频video与audio不能自动播放:
<audio loop id="audio" src="music/music.mp3" autoplay preload="auto"></audio>
这行代码在pc与安卓手机浏览器上都是正常的,唯独在ios上不能自动播放。
解决方案一:
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
function autoPlayAudio1() { wx.config({ // 配置信息, 即使不正确也能使用 wx.ready debug: false, appId: '', timestamp: 1, nonceStr: '', signature: '', jsApiList: [] }); wx.ready(function() { document.getElementById('audio').play(); }); }
</script>
解决方案二:
document.addEventListener('WeixinJSBridgeReady', function() {audio.play();}, false);
}
Safari浏览器自动播放
document.addEventListener('touchstart', function(){ audio.play();}, false);
阅读全文
0 0
- 微信h5页面开发遇到那些坑
- 微信h5页面开发遇到那些坑
- 微信公众号H5支付遇到的那些坑
- H5活动页面遇到的坑+微信分享代码
- 有关微信h5开发语音功能遇到的坑
- 微信开发那些坑
- php开发微信第三方平台遇到的那些坑
- 微信公众号开发---微信支付之H5页面WAP端接入
- 微信H5页面源码如何看
- 微信内置浏览器H5页面异常
- 微信H5 页面 ul li
- 微信H5页面的建议尺寸
- pc调试微信h5页面
- h5页面在微信内部分享
- 微信H5页面开发、手机微商城、移动webApp开发
- 常见的移动端H5页面开发遇到的坑和解决办法
- 常见的移动端H5页面开发遇到的坑和解决办法
- 常见的移动端H5页面开发遇到的坑和解决办法
- Kotlin基本语法一
- ExecutorService源码分析
- python第12篇之-函数的嵌套定义以及关键字nonlocal使用
- java结果集转json
- Java正则表达中Greedy Reluctant Possessive 的区别
- 微信h5页面开发遇到那些坑
- 【UC/OS-II】一、STM32平台移植教程
- PWM调光方法在LED亮度调节中的应用
- java掩码
- 89C51单片机内部结构深度解析
- java数组去重总结
- Java解析Yaml介绍
- unity3d(一)
- 欢迎使用CSDN-markdown编辑器