JacksonTsai
JacksonTsai
  • 发布:2024-10-22 11:36
  • 更新:2024-10-22 11:36
  • 阅读:94

【报Bug】ios18 webview nvue加载网页白屏

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 15.0.1

HBuilderX类型: 正式

HBuilderX版本号: 4.29

手机系统: iOS

手机系统版本号: iOS 18

手机厂商: 苹果

手机机型: iphone11

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template> <!-- <u-navbar title="" bgColor="#fff" leftIcon='' leftText='' titleStyle="{ color:'#1a1a1a',fontWeight:'500',fontSize:'34rpx'}" :safeAreaInsetTop="true" :placeholder="true" rightIcon=''>
</u-navbar> -->
<web-view ref="webview" :src="weburl" :style="{height:mbHeight,width:mbWidth,top:0}" :webview-styles="webviewStyles"
fullscreen="true" @load="load" @onPostMessage="handlePostMessage"></web-view>
</template>

<script>
export default {
data() {
return {
weburl: '',
mbBottom: uni.getSystemInfoSync().windowBottom + 'px',
// mbTop: uni.getSystemInfoSync().statusBarHeight + 'px',
mbWidth: uni.getSystemInfoSync().screenWidth + 'px',
mbHeight: uni.getSystemInfoSync().screenHeight + 'px',
webviewStyles: {
progress: false
}
}
},
onLoad(item) {
console.log(item, uni.getSystemInfoSync().screenWidth, uni.getSystemInfoSync().screenHeight, uni
.getSystemInfoSync().windowBottom)
// this.weburl = item.url
this.weburl = 'http://www.baidu.com'
}
}
</script>

<style>
</style>

操作步骤:
<template> <!-- <u-navbar title="" bgColor="#fff" leftIcon='' leftText='' titleStyle="{ color:'#1a1a1a',fontWeight:'500',fontSize:'34rpx'}" :safeAreaInsetTop="true" :placeholder="true" rightIcon=''>
</u-navbar> -->
<web-view ref="webview" :src="weburl" :style="{height:mbHeight,width:mbWidth,top:0}" :webview-styles="webviewStyles"
fullscreen="true" @load="load" @onPostMessage="handlePostMessage"></web-view>
</template>

<script>
export default {
data() {
return {
weburl: '',
mbBottom: uni.getSystemInfoSync().windowBottom + 'px',
// mbTop: uni.getSystemInfoSync().statusBarHeight + 'px',
mbWidth: uni.getSystemInfoSync().screenWidth + 'px',
mbHeight: uni.getSystemInfoSync().screenHeight + 'px',
webviewStyles: {
progress: false
}
}
},
onLoad(item) {
console.log(item, uni.getSystemInfoSync().screenWidth, uni.getSystemInfoSync().screenHeight, uni
.getSystemInfoSync().windowBottom)
// this.weburl = item.url
this.weburl = 'http://www.baidu.com'
}
}
</script>

<style>
</style>

预期结果:

网页正常显示百度

实际结果:

白屏

bug描述:

网页加载白屏

2024-10-22 11:36 负责人:无 分享
已邀请:

要回复问题请先登录注册