3***@qq.com
3***@qq.com
  • 发布:2020-07-14 14:12
  • 更新:2020-08-26 12:14
  • 阅读:943

【报Bug】webview在iPhone 6、7、8下无法全屏

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macos Mojave 10.14.6 (18G95)

HBuilderX类型: Alpha

HBuilderX版本号: 2.8.0

手机系统: iOS

手机系统版本号: iOS 12.4

手机厂商: 苹果

手机机型: iPhone7

页面类型: vue

打包方式: 离线

项目创建方式: HBuilderX

示例代码:

页面:
<template>
<view>
<web-view src="http://127.0.0.1"></web-view>
</view>
</template>

<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
// plus.navigator.setFullscreen(true);
},
methods: {

    }  
}  

</script>

<style>
html,body,page{
background: #8a8a8a;
}
</style>

pages.json
{
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"app-plus": {
"titleNView": false
}
}
}
],
"globalStyle": {
"navigationStyle": "custom",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#6aff0d",
"backgroundColor": "#f52528"
}
}
manifest
{
"name" : "test",
"appid" : "",
"description" : "",
"versionName" : "1.0.0",
"versionCode" : "100",
"transformPx" : false,
/ 5+App特有相关 /
"app-plus" : {
"usingComponents" : true,
"nvueCompiler" : "uni-app",
"compilerVersion" : 3,
"splashscreen" : {
"alwaysShowBeforeRender" : true,
"waiting" : true,
"autoclose" : true,
"delay" : 0
},
/ 模块配置 /
"modules" : {},
/ 应用发布信息 /
"distribute" : {
/ android打包配置 /
"android" : {
"permissions" : [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
]
},
/ ios打包配置 /
"ios" : {},
/ SDK配置 /
"sdkConfigs" : {}
}
},
/ 快应用特有相关 /
"quickapp" : {},
/ 小程序特有相关 /
"mp-weixin" : {
"appid" : "",
"setting" : {
"urlCheck" : false
},
"usingComponents" : true
},
"mp-alipay" : {
"usingComponents" : true
},
"mp-baidu" : {
"usingComponents" : true
},
"mp-toutiao" : {
"usingComponents" : true
},
"uniStatistics": {
"enable": false
}
}

操作步骤:

运行页面

预期结果:

全屏

实际结果:

存在状态栏并无内容

bug描述:

iphone 6 7 8 的webview无法全屏,
已增加设置"style": {
"app-plus": {
"titleNView": false
}
}
如果不是webview正常

2020-07-14 14:12 负责人:CLP 分享
已邀请:
3***@qq.com

3***@qq.com (作者) - 不食人间烟火

有没有人出来解释一下?

  • CLP

    你的demo里是啥?<web-view src="http://127.0.0.1"></web-view>

    </view>?

    2020-07-15 17:43

  • CLP

    你说的全屏是什么意思? plus.navigator.setFullscreen(true); 这个API不起作用?

    2020-07-15 17:43

  • CLP

    我测试的iPhone8 模拟器,状态栏没显示,能全屏

    2020-07-15 18:16

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

    回复 CLP: 好了 是alpha的问题,用HbuilderX编译没问题

    2020-07-16 07:59

3***@qq.com

3***@qq.com (作者) - 不食人间烟火

iPhone8还是不行,不知道什么原因

3***@qq.com

3***@qq.com (作者) - 不食人间烟火

无法全屏,status状态栏是白条

3***@qq.com

3***@qq.com (作者) - 不食人间烟火

花钱问也行啊 谁来解答下

  • m***@163.com

    大兄弟解决了没?同问啊

    2020-09-24 02:55

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