wcomdex
wcomdex
  • 发布:2021-06-23 13:16
  • 更新:2021-08-11 14:04
  • 阅读:742

通过plus创建的子webview访问的网页无法调用uniapp的api

分类:uni-app

uniapp通过web-view访问的远程网页是可以通过引入uni.webview.js来使用api与应用内的页面交互,比如跳转app内的页面和postMessage。但在测试中发现直接使用<webview>组件访问这些网页没问题, 如果是通过下面的代码创建的子webview访问网页就失效了。

但是为了安全阻止远程网页使用plus的api, 又不得不使用plus创建子webview, 请教各位大佬有什么解决办法?

 // #ifdef APP-PLUS  
        wv = plus.webview.create("","custom-webview",{  
            plusrequire:"none", //禁止远程网页使用plus的API,有些使用mui制作的网页可能会监听plus.key,造成关闭页面混乱,可以通过这种方式禁止  
      'uni-app': 'none', //不加载uni-app渲染层框架,避免样式冲突  
            top:uni.getSystemInfoSync().statusBarHeight+44 //放置在titleNView下方。如果还想在webview上方加个地址栏的什么的,可以继续降低TOP值  
        })  
        wv.loadURL("https://www.baidu.com")  
        var currentWebview = this.$scope.$getAppWebview(); //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效,非v3编译模式使用this.$mp.page.$getAppWebview()  
        currentWebview.append(wv);//一定要append到当前的页面里!!!才能跟随当前页面一起做动画,一起关闭  
        setTimeout(function() {  
            console.log(wv.getStyle())  
        }, 1000);//如果是首页的onload调用时需要延时一下,二级页面无需延时,可直接获取  
 // #endif
2021-06-23 13:16 负责人:无 分享
已邀请:
jimmy_zejia

jimmy_zejia

请问你有办法解决吗

  • wcomdex (作者)

    没有办法,要使用uni的api必须启用plus

    2021-08-12 18:24

该问题目前已经被锁定, 无法添加新回复