温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Egret之VConsole

发布时间:2020-07-04 05:30:26 来源:网络 阅读:522 作者:Aonaufly 栏目:开发技术

一 前景 :

移动端可以使用方案(index.html)中 ,
Egret之VConsole
但是 , 有一些缺陷
① , 需使用egret.log/warn/error来显示(可以接受)
② , 在Debug版本中才有用 , 在release版本中是不会打印到屏幕上的(无法接受)
③ , 无法滑动打印的日志信息 , 很多信息会因为日志瞬时打印过多而被删除(无法接受)

二 需求

很多时候 , 我们需要在release版本中进行测试 . 例如支付功能等.

三 方案

VConsole , 下载地址 : https://github.com/Tencent/vConsole / 或者使用 nom install vconsole

使用方法在index.html
<script src="js/vconsole.min.js"></script> (注意路径 , 根据实际情况写)

<script>

var vConsole = new VConsole();
vConsole.showSwitch();
vConsole.show();

</script>
使用console类即可 如 : console.log('Hello world');
注册后 , 将在页面的右下角显示绿色按钮如下:
Egret之VConsole
和微信小游戏一下哈 ,
连日志界面都一样
Egret之VConsole

============具体实践===========

前言 , 测试平台Egret游戏引擎.测试方法
将vConsole相关文件制作成类库供egret引入
编写测试方案

①,简单的类库制作方案:
将从GitHub下载的资源包中的dist文件夹(
Egret之VConsole
)
中的2个文件,放入到新建的文件夹(consoleLib)中.如下图所示
Egret之VConsole
将vconsole.min.d.ts文件改为vconsole.d.ts , 复制一份vconsole.min.js文件 , 将其改为vconsole.js , 结果如下
Egret之VConsole
将文件夹consoleLib放入目标Egret工程的平级目录, 如下:
Egret之VConsole
在Reflect_Demo中引入类库
Egret之VConsole
命令egret build -e 扫描加入类库

运用:

        window["vConsole"] = new window["VConsole"]({
            defaultPlugins: ['system', 'network', 'element', 'storage'], // 可以在此设定要默认加载的面板
            maxLogNumber: 1000,
            // disableLogScrolling: true,
            onReady: function() {
                console.log('vConsole is ready.');
            },
            onClearLog: function() {
                console.log('on clearLog');
            }
        });
        egret.log("eg 0k");

结果
Egret之VConsole

查看Log日志:
Egret之VConsole

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI