当前位置: 代码迷 >> 综合 >> 字节跳动小程序 web-view jssdk H5传递参数 判断H5页面是否在小程序 web-view打开
  详细解决方案

字节跳动小程序 web-view jssdk H5传递参数 判断H5页面是否在小程序 web-view打开

热度:34   发布时间:2024-02-12 21:04:44.0

1、jssdk地址

https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/component/open-capacity/web-view/

 2、H5传递参数

<web-viewsrc="{{url}}"bindload="webviewOnLoad"binderror="webviewOnError"bindmessage="onMessage"
></web-view>
Page({data: {src: "https://microapp.bytedance.com/",},// 小程序后退、组件销毁、分享时,由此函数来接收H5页传过来的参数onMessage(options) {console.log("onmessage:", options.detail.data);},webviewOnLoad() {console.log("webview 加载成功");},webviewOnError(e) {console.log("webview 加载失败", e);},
});

 

 3、判断 H5 页面是否在小程序 web-view 打开

// isTTWebView 若为 true,则是在头条小程序的 web-view 中打开
const isTTWebView = navigator.userAgent.toLowerCase().includes("toutiaomicroapp");

 

  相关解决方案