uni-app - App 平台内嵌网页物理手机自带返回键失效解决方案(内嵌的 webview 网页 H5 打包后手机物理返回键无效直接退出应用了)
2023-09-11 14:15:54 时间
前言
当您需要打包
App(*.apk)
平台时,发现内嵌的H5
页面虽然可以正常显示与运行,但是手机的物理返回键却无法使用,当点击手机物理返回按键(或手势)时,直接显示 “再按一次退出应用”,而 并非返回上一个"网页"。
出现这种情况的原因是,内嵌的网页与您的
App
“毫无关联”,虽然您通过<webview>
嵌套进去了,但网页不归你App
管理,所以你无法控制其返回与前进。
但是我们可以通过技术手段让其可控,并且自动更新标题栏(可自定义样式),
本文将带您一路复制,从 0-1 完成如下图所示功能,到时候替换成您自己的网页即可。
注意看标题变化与点击返回按钮的变化。
第一步
首先我们先来实现嵌套
webview
页面,并且开启手机物理按键返回上一页功能。
您随便找个页面,一键复制以下内容。
相关文章
- MIT App Inventor 简介
- ViewPager封装工具类: 轻松实现APP导航或APP中的广告栏
- 记录日子的app有哪些?可用云便签来记录日子
- 移动web app开发必备 - 异步队列 Deferred
- app宣传
- [Angular] Upgrade existing Angular app to Progressive Web App
- uni-app:打包发布部署h5项目(hbuilderx 3.6.18)
- [Angular] Configure an Angular App at Runtime
- [AngularJS]1. Fisrt App, ng-app, Exprection{{}}
- uni-app:自定义顶部导航栏(hbuilderx 3.7.3)
- 关于APP,原生和H5开发技术的争论
- Atitit.提升软件Web应用程序 app性能的方法原理 h5 js java c# php python android .net
- Angular self study 5 - remove ng-app
- uni——app、H5省市区选择
- iOS app store无法提交以供审核 App隐私
- App Thinning(为什么苹果app上传时的包比在appStore下载下来的包大很多)
- android10.0 Launcher3修改某个app icon的图标