javascript - 微信“飞机大战”使用的HTML5，想问问关于它的一些问题？-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 微信“飞机大战”使用的HTML5，想问问关于它的一些问题？

天蓬老师 2017-04-10 13:08:58

[JavaScript讨论组]

1395

最近在微信上尝试些web app的东西，用微信上自带的浏览器会有顶端和低端的工具栏和状态栏，如何将这两个隐藏？在iphone上还有自带的拖拽问题，手势会造成整个屏幕的拖拽，这个问题怎么解决，因为“打飞机”是可以在屏幕上随意move的？
它使用的是什么引擎？框架？
怎么入门html5游戏的开发？
微信分享到朋友圈的接口文档？

新手！谢谢大家！

天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

全部回复(4)

高洛峰2017-04-10 13:10:58 4楼

隐藏微信底部栏
可以在代码中加入一段js

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {WeixinJSBridge.call('hideToolbar');});

这一功能一般使用在下述公众号页面：

公众号认为该页面中，用户一般不需要频繁的前进后退操作
公众号人为该页面中的内容已经能够帮助用户进行前进后退导航

隐藏网页显示在微信中右上角的按钮
可以通过在网页中增加以下JavaScript代码：

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {WeixinJSBridge.call('hideOptionMenu');});

这一功能一般使用在下述公众号页面：

公众号认为该页面不适合被用户分享给其他人的
公众号认为该页面不适合被用户收藏的
公众号认为该页面不适合通过其他外部浏览器打开的
其他基于谨慎和安全的考虑

在网页中获取用户的网络状态
为了方便开发者根据用户的网络状态来提供不同质量的服务，公众号可以在公众号内部的网页中使用JavaScript代码调用来获取网络状态。

调用代码如下：

WeixinJSBridge.invoke('getNetworkType',{},
                   function(e){
                      WeixinJSBridge.log(e.err_msg);
             });

返回结果：
network_type:wifi wifi网络
network_type:edge 非wifi,包含3G/2G
network_type:fail 网络断开连接

例子

window.onload = function () {
        document.addEventListener("WeixinJSBridgeReady", onWeixinReady, false);
     }
    function onWeixinReady() {
        WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
            WeixinJSBridge.log(e.err_msg);    
            network = e.err_msg.split(":")[1];  //结果在这里    
        });

我只能帮你到这了。不过html5游戏开发，我感觉腾讯后期肯定会开放平台，也许会专门为微信游戏出一些对应的api哦。