s***@qq.com
s***@qq.com
  • 发布:2020-01-19 12:36
  • 更新:2020-07-02 04:55
  • 阅读:2356

uni-app下 Webview 部分手机Canvas卡顿【求解决方案】

分类:uni-app

uni-app下 Webview 部分手机Canvas卡顿【求解决方案】

详细问题描述

使用 Canvas 做了一个 Game

程序设定 FPS 为30

一加不卡、魅族不卡、华为不卡、苹果不卡

测试
Vivo Y3 很卡,FPS 10~15, Draw 画布时间需要50~80ms
Oppo Reno Z 很卡,FPS 15~20,Draw 30~60ms

其他的OPPO 和VIVO 还没测全,测试的感觉是只要默认自带浏览器卡,uni-app 就一定会卡

使用 vue 进行

<template>  
    <view>  
        <web-view :src="url"></web-view>  
    </view>  
</template>  

<script>  
import helper from '../../../common/helper.js';  

export default {  
    data() {  
        return {  
            url: '',  
            userInfo : helper.loadUserInfo()  
        }  
    },  
    onLoad(options) {  
        getApp().globalData.checkLogin();  
        this.url = getApp().globalData.base_url + '/Game/game5208/token/' + this.userInfo.token;  
    },  
    methods: {  
        getMessage(event) {  
        },  
    }  
}  
</script>  

<style>  
body{  
    background-color:#17182c;  
}  
</style>

尝试方案
1、使用 .nvue ,使用 5+ 引擎渲染,但是试过各种方案都无法正常显示webview,打开均为白色画面。
2、Game本身使用cax引擎来开发,不兼容uni,全部移植到uni上成本就颇高了。

这两款手机安装 Chrome、腾讯X5浏览器,在浏览器直接打开,均无卡顿 fps 正常,Draw 3~6ms,证明不是手机本身性能的问题。

Game演示连接
https://web.world.720vrcity.com/Game/game5208/token/o5UAOwqX_gEuZBfu_z0xiHdLEwls:1579344747

望官网大佬能给小弟解决方案!!!

感-激-涕-零

2020-01-19 12:36 负责人:无 分享
已邀请:
s***@qq.com

s***@qq.com (作者) - 好好好

没人回复吗?自己来顶一下

DCloud_heavensoft

DCloud_heavensoft

看起来是浏览器兼容性问题,manifest里配上x5引擎,应该可以解决

该问题目前已经被锁定, 无法添加新回复