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
望官网大佬能给小弟解决方案!!!
感-激-涕-零
2 个回复
s***@qq.com (作者) - 好好好
没人回复吗?自己来顶一下
DCloud_heavensoft
看起来是浏览器兼容性问题,manifest里配上x5引擎,应该可以解决