H5判断是否在字节小程序环境

引入字节小程序的JSSDK

字节小程序webview的文档

<script src="https://lf1-cdn-tos.bytegoofy.com/goofy/developer/jssdk/jssdk-1.0.3.js"></script>

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

字节JSSDK的API

接口类型	接口名	说明
导航	tt.miniProgram.redirectTo	参数与小程序接口tt.redirectTo一致
导航	tt.miniProgram.navigateTo	参数与小程序接口tt.navigateTo一致
导航	tt.miniProgram.switchTab	参数与小程序接口tt.switchTab一致
导航	tt.miniProgram.reLaunch	参数与小程序接口tt.reLaunch一致
导航	tt.miniProgram.navigateBack	参数与小程序接口tt.navigateBack一致
侧滑	tt.miniProgram.setSwipeBackModeSync	参数与小程序接口tt.setSwipeBackModeSync一致
向小程序发送消息	tt.miniProgram.postMessage	此方法用于网页向小程序发送消息，会在特定时机（小程序后退、组件销毁、分享）触发组件的 bindmessage 上绑定的方法，方法的回调参数为网页postMessage的信息的数组队列，详细查看下面【代码示例 2】