1***@qq.com
1***@qq.com
  • 发布:2021-01-26 14:50
  • 更新:2021-02-18 14:26
  • 阅读:1522

【报Bug】在APP里面用webview内嵌一个外链vue页面,手机打开正常,POS打开是空白的

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win7 64位

HBuilderX类型: 正式

HBuilderX版本号: 2.9.8

手机系统: Android

手机系统版本号: Android 5.1

手机厂商: pos

手机机型: WPOS-3

页面类型: vue

打包方式: 离线

项目创建方式: HBuilderX

示例代码:

customerClick(){
if(!this.isLogin) {
uni.navigateTo({
url: '../login/login'
})
return;
};
let privacyUrl = 'http://www.xxx.com/h5/#/pages/customerService/customerService'
uni.navigateTo({
url: '/pages/webview?itemUrl='+ privacyUrl
})
},

webview页面
<template>
<view class="webview">
<web-view :webview-styles="webviewStyles" :style="{height:webHeight + 'px'}" :src="url" @onPostMessage="message"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
url: '',
webHeight:uni.getSystemInfoSync().windowHeight,
webviewStyles: {
progress: {
color: '#06c05f'
}
}
}
},
onLoad(op) {
this.url = op.itemUrl
},
methods: {
}
}
</script>

操作步骤:

POS里面的APP能用webview打开内嵌的vue页面

预期结果:

POS里面的APP能用webview打开内嵌的vue页面

实际结果:

POS里面的APP用webview打开内嵌的vue页面是空白的

bug描述:

在APP里面用webview内嵌一个外链vue页面,手机打开正常,POS打开是空白的

2021-01-26 14:50 负责人:无 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

猜测是你打开的页面中使用了旧版本的 webview 不支持的 API
使用 chrome 远程调试看下,这个设备的 webview 里是否有报错

  • 1***@qq.com (作者)

    如果webview里面嵌套的是html外链就可以打开,但是前端vue页面就不可以

    2021-02-18 15:02

  • DCloud_UNI_GSQ

    回复 1***@qq.com: 具体说下,什么叫“前端vue页面”

    2021-02-18 15:04

  • 1***@qq.com (作者)

    回复 DCloud_UNI_GSQ: 嵌套的vue页面,不是html页面,比如说在page里面新建了一个xxx.vue这种就不行,但是如果是xxx.html就可以

    2021-02-18 15:07

  • DCloud_UNI_GSQ

    回复 1***@qq.com: 你是说你的手机浏览器能打开 vue 文件?

    2021-02-18 15:09

  • DCloud_UNI_GSQ

    回复 1***@qq.com: 哦哦,猜测是你打开的页面中使用了旧版本的 webview 不支持的 API

    使用 chrome 远程调试看下,这个设备的 webview 里是否有报错

    2021-02-18 15:12

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