webview 创建页面self.append(sub)与sub.show()区别

最新推荐文章于 2024-02-21 14:16:35 发布
原创 最新推荐文章于 2024-02-21 14:16:35 发布 · 2.2k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了使用mui框架创建子页面时遇到的问题：当子页面通过特定方式加载到父页面中后，多次刷新或加载会导致父页面的返回功能异常，不是直接返回到父页面之前的页面，而是先回退子页面的历史记录。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

self.append(sub);

通过上边方法创建的页面，当子页面内容重复加载几次或者刷新几次后，父页面的返回功能不是直接返回父页面之前的页面，会先把子页面的历史返回一遍


sub.show();

通过上边方法创建的子页面，不管子页面怎么返回刷新加载，父页面的返回，就是直接返回父页面的前一个页面


上边提到的返回，用的是mui自带的

<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #fff;"></a>

[webAPP项目]基于MUI框架webAPP之头部导航与底部导航制作详解02
图解AI
11-28 2万+
前言 一个完整的APP少不了,要有头部导航跟底部导航,那么我们在用MUI框架来开发APP时,在制作头部导航很底部选项卡时我们应该要注意哪些呢? 接下来给大家来详细讲解一下:在上一节中我们已经介绍怎么去做一个开机引导图了[webAPP项目]基于MUI框架webAPP开发功能流程之引导图制作详解01如果不会的,就按照上一篇文章讲解的自己在作一遍.效果图最终我们要实现的效果如下: 具体实现1.首先创
MUI 底部导航栏webview模式 按需加载
iwusan
04-10 3556
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalabl
【项目实践-04】实验室移动端：对象添加新属性+webview IOS端appendJsFile()方法不生效
最新发布
weixin_49491274的博客
02-21 1109
在做实验室移动端时有这样一个需求，即获取下级页面的数据 (toChooseDevice())，为当前页面中的form表单数据添加新的属性和值，然后表单完成后进行提交(submitForm())操作。在项目中需要使用 webview 来获取网页上的信息并实现当前页面与网页的通讯以及交互 ，但如下代码在IOS端并未建立起当前页面和网页的通讯，在安卓端却能正常通讯及交互。作为from属性并为其赋值时，并不会触发vue2的Object.defineproperty()方法，所以不会赋值成功，只有用。
Hbuilder MUI webview 创建页面self.append(sub)与sub.show()区别
水色陀螺
04-19 2138
self.append(sub);
js-plus.webview
jieweiwujie的博客
09-01 680
<script type="text/javascript"> var baidu = document.querySelector("#baidu"); var baiduBox = plus.webview.create('http://www.baidu.com','baidu',{ width:baidu.clientWidth, height:baidu.clientHeig...
uniapp中H5端和APP端与webview实现双向通讯
weixin_46331416的博客
07-07 4498
uniapp中H5端和APP端与webview实现双向通讯，用uniapp开发app和H5，另外起一个项目打包成模版单页(减少app更新)，在应用内用webview嵌入模版单页。
mui开发app教程-2
wltsysterm的博客
03-05 1168
上一章：mui开发app教程-1 目录 功能1：选项卡事件绑定 选项卡绑定页面链接 创建页面 选项卡绑定链接 主板页面设计 1、plus.webview.create 2、plus.webview.currentWebview().append() 3、plus.webview.show 4、plus.webview.hide 代码实现 选项卡点击测试 功能2：app-状...
MUI底部选项卡实现页面切换
m0_51376832的博客
07-23 1781
在用mui设计app总体框架时，基本需要实现点击底部选项卡切换页面的功能，在官方demo中对底部选项卡有几种选择，但是将demo复制过来时页面切换的效果并没有成功实现。本篇文章在demo的基础上进行修改，实现该效果。 首先定义一个subpages数组存放子页面id var subpages = ['html/people.html', 'html/key.html', 'html/lock.html','html/signment.html', 'html/log.html']; ...
移动端---HBuilder中运用mui页面跳转
weixin_45916010的博客
12-17 754
效果显示： 运用修改网址：https://dev.dcloud.net.cn/mui/ui/ 在你的HBuilder X里新建项目选 5+App(A) mui项目 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello MUI</title> <meta name="viewport" content="width=device-wi
mui webview 界面操作、窗口层关系
热门推荐
qq_31971935的博客
08-07 2万+
1、获取当前窗口id： //WebviewObject plus.webview.currentWebview(); var ws=plus.webview.currentWebview();//获取当前页面所属的Webview窗口对象 console.log( "窗口标识: "+ws.id ); console.log( "当前Webview窗口："+ws.getURL() );
uni-app 自定义webview大小
liuye066的专栏
10-26 1万+
在uni-app中使用web-view 组件，默认铺满全屏并且层级高于前端组件，会遮挡页面上的其他组件。在官网中写明： app-vue下web-view组件不支持自定义样式，默认充满屏幕不可控制大小； nvue web-view 必须指定样式宽高 具体示例： 代码： 直接在UI上使用webview组件，也是默认全屏，需要动态加载。 先新建一个component.nvue文件： <template> <div> <view class="intro"&g
uniapp 与 webview 在app中参数传递
风花一世月
12-30 2143
webview默认占用全屏，建议使用uniapp原生导航栏，不然还要自己画，全局关闭的，可以单独页面开启，新增时设置top和bottom uniapp页面 <template> <view class="selectPipeline"> <view class="btn"> <button @click=...
移动app plus子页面调用父页面函数
jjy8040的博客
05-03 1425
子页面代码： plus.webview.currentWebview().opener().evalJS("onAppReume()"); 其中plus.webview.currentWebview().opener()代表父页面； evalJS属于WebviewObject方法，用于在Webview窗口中执行JS脚本； onAppReume()属于父页面函数，可带参数。 详见：h...
uniapp动态修改样式_uniapp动态修改原生标题栏按钮webview样式等
weixin_39805255的博客
01-30 2794
// #ifdef APP-PLUSvar currentWebview = this.$mp.page.$getAppWebview();var tn = currentWebview.getStyle().titleNView;tn.buttons[1].text = this.cancelFlag ? "完成":"编辑";currentWebview.setStyle({titleNView...
uniapp web-view页面层级过高，想在web-view上层再加入按钮，采用plus.nativeObj.View实现。动态创建web-view解决切换src后丢失背景问题。
weixin_43922504的博客
04-27 1万+
采用plus.nativeObj.View创建按钮，我是直接用的按钮图片，然后绑定点击事件，在点击事件中，关闭上一个web-view，创建一个新的web-view。：采用底层组件plus.nativeObj.View创建视图，该视图比web-view层级高，可在web-view上层添加。：uniapp的web-view层级很高，通过positon的z-index无法将其他元素置于web-view页面上层。：有两个web-view页面，需要添加按钮，动态切换web-view的src进行页面切换。
【踩坑记录】app嵌h5相关
QAQ_ing的博客
11-15 1558
app嵌h5相关，app调小程序支付相关
uniapp的web-view自动铺满问题解决
cv1002420186的博客
04-17 6842
uniapp的web-view自动铺满解决，处理自动定位问题
web-view 嵌套的第三方，拦截请求--UNI_APP（三）
wax9092的博客
02-16 2476
uni-app web-view 嵌套的第三方页面，拦截请求
plus.webview预创建界面
瞎捣鼓
06-01 1万+
var mainstyle = { top: '5px', bottom: '50px', bounce: 'vertical' };mui.init({ swipeBack: false, statusBarBackground: '#999999', gestureConfig: { doubletap: true } })
安卓 webview跳转页面 android.os.fileuriexposedexception
08-09
安卓 WebView跳转页面时可能会出现android.os.FileUriExposedException异常。这个异常是因为Android的安全机制限制了应用程序直接暴露本地文件的URI给其他应用程序。当我们在WebView中点击一个链接，如果该链接指向的是一个本地文件的URI，就会抛出这个异常。 解决这个问题的方法有两种： 1. 使用FileProvider：可以通过使用FileProvider来解决这个问题。FileProvider是一个特殊的ContentProvider，它可以控制共享文件的权限。我们需要在AndroidManifest.xml文件中注册FileProvider，并为要共享的文件配置相应的访问权限。然后，可以使用FileProvider的getUriForFile()方法将文件URI转换为共享URI，然后通过Intent将共享URI传递给WebView。这样可以绕过安全限制，使WebView能够顺利跳转到文件页面。 2. 在AndroidManifest.xml中添加文件权限：在应用程序的AndroidManifest.xml文件中添加文件访问权限可以解决此异常。我们可以使用如下代码在<application>标签内添加文件权限： <application ... android:requestLegacyExternalStorage="true"> ... </application> 这样可以设置应用程序使用旧版的外部存储沙盒，从而绕过安全限制，解决异常问题。 总结来说，当安卓WebView跳转页面时出现android.os.FileUriExposedException异常，可以使用FileProvider或者在AndroidManifest.xml中添加文件权限的方式解决。这样可以保证WebView可以顺利跳转到文件页面，而不会触发安全限制导致的异常。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值