问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

uniapp 中webview 在安卓端怎么设置取消全屏？

头像
loong
    3917
    <web-view :fullscreen="false" :webview-styles="{width:'501.96rpx', height:'100%'}"  :style="{width:'501.96rpx', height:'100%'}" v-if="type == 'pdf'" :src="pdfUrl"></web-view>

onReady() {
            // #ifdef APP-PLUS
            var currentWebview = this.$scope.$getAppWebview() //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效，非v3编译模式使用this.$mp.page.$getAppWebview()
            setTimeout(function() {
                wv = currentWebview.children()[0]
                wv.setStyle({top:150,height:300})//top,height等都可以设置,不能带单位 
            }, 1000); //如果是页面初始化调用时，需要延时一下
            // #endif
        },
    uniapp
    阅读 2.6k
    avatarAI BotBETA

    在uniapp的webview组件中，要在Android端取消全屏，你可以通过以下方式来实现。

    在你的代码中，你已经设置了webview的全屏属性为false，这应该能够确保webview在加载时不会进入全屏模式。但是，如果你希望在webview加载的网页中取消全屏，那么你需要在你的web页面中添加一些JavaScript代码来实现。

    在HTML或JavaScript中添加以下代码，它将在webview加载的页面上调用并取消全屏：

    <script>
    document.addEventListener('touchstart', function() {
        if (plus.webview.currentWebview() && plus.webview.currentWebview().paused === true) {
            plus.webview.currentWebview().resume();
        }
    });
</script>

    这段代码的原理是，通过监听触摸事件，判断当前webview是否处于暂停状态，如果是，则恢复播放，从而退出全屏。

    需要注意的是，以上代码可能不会在所有情况下都工作，因为这取决于你的webview具体的使用环境和配置。如果问题仍然存在，你可能需要进一步检查你的配置和使用环境，或者尝试其他的方法来解决问题。

    撰写回答
    你尚未登录，登录后可以
    • 和开发者交流问题的细节
    • 关注并接收问题和回答的更新提醒
    • 参与内容的编辑和改进，让解决方法与时俱进
    推荐问题