开发新版大番薯牛牛源码过程中遇到需要注意的问题

Posted 2020-10-11

H5游戏是现在的潮流，因为搭建相对简单，操作也方便，今天我分享的是H5游戏的服务器搭建步骤，希望能有人从中受益！

我最近正开发的这套新版大番薯牛牛源码 今微信H5牛牛源码（h5.ttkmwl.com）开发出来了，但开发h5页面时间遇到了一些坑。天不负有心人，心累！

相信H5的程序员开发微信h5页面始遇到一些郁闷的事！

 一、首先是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>

 

我们解决以上问题点，完美的作品很高兴分享给大家看，不懂的可以问我Q:2172243813！

H5游戏你可以看作是移动端的Web游戏，无需下载软件就可以体验，这就是H5在传播上的优势。一种快捷、即时性的游戏形式。

H5游戏的迅速流行告诉了大家，并不是画面极度精美，剧情严密的游戏才是游戏成功的唯一法则。虽然并不否认大型游戏能成功的说法，但随着人们闲暇时间的缩小，简单易上手的小游戏更能适应当下游戏发展的趋势。

随着朋友圈在最近几年疯狂的流行，越来越多的游戏从业者投入到H5游戏产业当中。相比较一个大型游戏创作的耗时耗力，H5游戏有着门槛更低、所需时间更少的优点。你可以像写网页一样写游戏，不需要太多的额外学习。相信在不久的游戏行业，将会大量的涌现出一大批的H5游戏。
总结起来就两点：
1.简单，随时随地能立马玩儿起来!
2.可以在朋友圈进行分享。
只要这两点，就能获得大量的用户。

html5游戏以其“低门槛、低成本、简单有趣、易于分享”的特点受到了广大玩家的喜爱和业界人士的关注。大雄游戏，H5游戏接口。