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】


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM