在手机移动端预览的工具推荐

不知道在开发阶段你们都是怎么在手机上预览游戏的?如果有什么方式,非常欢迎大家在评论区中交流分享。下面说一下我的解决方式。

首先,我们看一下在电脑浏览器中的效果:


看着没有什么问题,我想在手机上preview一下效果,但是发现无论是使用什么浏览器都不能达到预期的效果。
首先尝试的是一个第三方浏览器,发现不能横屏,既是把系统的自动旋转打开,也无法横屏,所以就无法展示预期的效果了,效果如下:

然后,几经尝试之后,发现手机自带的浏览器可以横屏。不过虽然可以横屏,但是上方和旁边会有工具栏以及大的留白,非常影响预览的效果。效果如下:

最后,决定自己开发一款调试助手,可以随心所欲的设置横屏和竖屏状态,以及隐藏状态栏功能,使用起来非常方便,让游戏预览体验达到最真实的发布水平。下面是使用自己开发的工具预览的效果:

无任何多余的系统元素影响预览。下面是工具支持的设置:

支持的主要功能有:

  1. 设置屏幕方向。可以跟随系统自动旋转设置,或者手动设置横屏和竖屏。
  2. 是否隐藏系统状态栏。
  3. 是否允许息屏
  4. 隐藏手机的虚拟按键

更详细的功能,可以通过下面的链接了解:
Mobile Preview Helper | Cocos Store
欢迎在评论区分享讨论。

其实用via浏览器就行

我测试了一下,确实不错,但是好像不能隐藏状态栏,开启全屏模式。

设置 > 通用 > 自动隐藏操作栏 > 点击来隐藏;
设置 > 通用 > 屏幕方向 > 自动;
设置完这两项,手指在网页空白处向上滑动一下就可以隐藏状态栏和地址栏。

你好楼主!我购买了你的插件。但是我发现横屏模式下依旧显示cocos工具栏,我怎么关闭这个工具栏呢?模式使用横屏显示那种

可以截屏吗

自动横屏会有问题,不过我找了另一种方法解决的。就是在before 脚本中添加下面代码:

// before.js

// 适配为横屏
cc.view.setOrientation(cc.macro.ORIENTATION_LANDSCAPE);

PS: 这样我在开始页面选择为竖屏就能按照横屏方式来调试了,页面大小也能是实际真机大小!!

我自己测试没啥问题,有需要的话,可以截屏给我看看,我看看能不能解决一下。