- 代码收藏
- JS 获取图片Base64
- css 缩放
- JS调用浏览器下载
- 腾讯云服务器 数据磁盘扩容
- JS删除指定下标的数组
- Js 关闭chrome内核浏览器 标签页
- js时间转毫秒
- JS 二维数组排序输出HTML
- uniapp webview 加载H5,手机返回键处理成返回上一页,上一个网页
- uniapp uni.navigateTo 跳转失败无效的可能原因
- uniapp 设置顶部状态条背景颜色
- 网口小票打印机IP查看方法
- 梦行表格thead 固定,tbody 滚动CSS代码
- JS操作梦行表格按TR属性值排序
- 浏览器插件开发之检测网络请求参数
- 编辑器追加商品调用按钮
- H5网页不缩放,查看图片时双指缩放时,跳图片URL缩放看图 js代码event.touches.length
- html5属性 contenteditable 在微信手机上不生效,或有时点击没反应,解决方案
uniapp webview 加载H5,手机返回键处理成返回上一页,上一个网页
1加webview的vue相关处写如下加红代码
2code
<script> const facebook = uni.requireNativePlugin('sn-facebook'); var wv; //计划创建的webview export default { data() { return { canBack: false }; }, onLoad() {}, onBackPress() { if (wv && this.canBack) { wv.back(); return true; } return false; }, onReady() { // #ifdef APP-PLUS var self = this; 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.addEventListener( 'progressChanged', function(e) { wv.canBack(function(e) { self.canBack = e.canBack; }); }, false ); }, 500); //如果是页面初始化调用时,需要延时一下 // #endif }, methods: { onMessage({ detail }) { const data = detail.data[0]; console.log('onMessage', data); if (data.action == 'login') { // 登录:自定义参数 facebook.loginWithParams( { permissions: [ // 权限,更多权限请看 https://developers.facebook.com/docs/permissions/reference 'email', 'public_profile' ], // 返回字段,更多字段请查看 https://developers.facebook.com/docs/graph-api/reference/user/ fields: 'id, name, email' }, e => { console.log(e); this.postMessage({ ...e, action: 'loginCallback' }); } ); } }, // postMessage to web postMessage(data) { if (wv) { wv.evalJS('window.postMessage(' + JSON.stringify(data) + ');'); } else { uni.showToast({ icon: 'none', title: 'webview不存在' }); } } } }; </script>
本页由《梦行文档》生成