html5按钮点击跳转(HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题)
类别:Web前端 浏览量:1027
时间:2021-10-16 00:29:50 html5按钮点击跳转
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题需求催动此篇博客的诞生
项目背景
之前也没写过小程序但是看过之后都是现成的api 简单易懂 唯一就是会有很多坑要去踩 以为要写原生小程序 但是 是我想多了 公司是要节约开发成本 那么就衍生了H5嵌入小程序这个操作
必须的
1、要去申请一个小程序测试号要配置域名用
2、然后准备一套自己写的项目 测试用
代码部分
index.wxml文件
<web-view src="{{url}}#wechat_redirect"> </web-view>
#wechat_redirect 在ios页面出现空白页面的问题加一个这个
index.js文件
data:{ url: 'http://s2g6uk.natappfree.cc/#/home', }, onShow: function () { this.setData({ url: `http://s2g6uk.natappfree.cc/#/home?flag=${Math.random()}` }) }
在onShow地址重新给赋值一个随机数 保持加载最新的页面
vue 页面
页面的所有的跳转页面都要用到小程序 web-view 开放的跳转
web-view网页中可使用JSSDK 1.3.2提供的接口返回小程序页面
在页面引入这个js文件
// 微信跳转下一个页面 goNextPage (pageName) { wx.miniProgram.navigateTo({ url: `/pages/webview/webview?weburl=${window.location.origin}/#/${pageName}` }) }
这样写就完全ok的 小程序编辑器 跳转之后返回是会有点问题 但是可以真机调试一下 在真机是完全没问题的
我本地调试是本地起了一个项目 然后用natapp 生成了一个域名 配置上去
总结
到此这篇关于HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题的文章就介绍到这了,更多相关html5 嵌入小程序没有返回按钮页面空白内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!
您可能感兴趣
- html5播放代码(html5 video全屏播放/自动播放的实现示例)
- wordpress如何在文章中自定义html(wordpress添加Html5的表单验证required方法小结)
- 只用html5简单动画代码(HTML5 3D书本翻页动画的实现示例)
- html5移动app开发实战(html5启动原生APP总结)
- html5循环及条件指令(html5实现滑块功能之type="range"属性)
- HTML5 <figure> 、<figcaption>标签
- html5video怎么用(html5视频媒体标签video的使用方法及完整参数说明详解)
- html5导航栏怎么设计(html5 横向滑动导航栏的方法示例)
- html5canvas图形怎么打印(HTML5 Canvas 实现K线图的示例代码)
- html5横向滚动(解决HTML5中滚动到底部的事件问题)
- html5input标签的默认属性(移动端HTML5 input常见问题小结)
- html5表格设计(Html5饼图绘制实现统计图的方法)
- html5 拍照上传(Html5在手机端调用相机的方法实现)
- 如何获取html5表单中的元素的值(html5 datalist 选中option选项后的触发事件)
- html5 canvas touch(html5 canvas手势解锁源码分享)
- 微信小程序canvas缩放(微信小程序之html5 canvas绘图并保存到系统相册)
- 15帅气男士发型,清爽时尚很有型,喜欢就试试(清爽时尚很有型)
- 哪几个历史人物被影协主席李雪健演的活灵活现(哪几个历史人物被影协主席李雪健演的活灵活现)
- 王伦狭隘,晁盖霸道,宋江奸诈骨头软,只有鲁智深才适合当寨主(王伦狭隘晁盖霸道)
- 他是梁山最早的头目,江湖人称 旱地忽律 ,宋江几乎将其遗忘(他是梁山最早的头目)
- 梁山创始人杜迁,为何不受宋江待见,只排名83位(梁山创始人杜迁)
- 法国面包(法国面包法棍)
热门推荐
- SQL Server数据库备份的几种方式
- sqlserver数字格式化五位小数(详细分析sqlserver中的小数类型float和decimal)
- dedecms搜索功能怎么设置详细(dedecms pagelist标签修改方法分享)
- docker启动sqlserver(用docker运行postgreSQL的方法步骤)
- mysql8.0.23.0官方安装手册(MySQL8.0.23安装超详细教程)
- antdesignpro引入依赖如何使用(在Ant Design Pro登录功能中集成图形验证码组件的方法步骤)
- docker容器启动原理(docker容器的原理分析)
- html正则表达式案例(关于html字符串正则判断和匹配的具体使用)
- python闭包的讲解(详解python函数的闭包问题内部函数与外部函数详述)
- 制作共用的头部和底部html5界面(html5移动端价格输入键盘的实现)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9