檢測網頁是否顯示在 iOS 上的 Facebook Messenger 應用內瀏覽器中

Question

假設我有一個允許用戶播放音頻的網頁。 在移動 Safari 中，可以在關閉鈴聲的情況下播放音頻； 如果通過 Facebook Messenger 打開，鈴聲必須打開才能播放音頻。 我想向用戶顯示上下文感知消息，提醒他們保持鈴聲，以便在通過 Facebook Messenger 打開我的網頁時聽到音頻，但在簡單的 Mobile Safari 中打開時則不然。 我已經在 Facebook 開發人員文檔中搜索了類似 kik 提供但沒有找到的類似 API 之類的東西。

是否有可靠的方法來檢測我的網頁是否使用 SDK 或用戶代理在 Messenger 的應用內瀏覽器中打開？

任何關於其他應用程序的輸入/警告也有“鈴聲”要求或我的邏輯缺陷也將不勝感激。

Answer 1

您可以通過用戶代理檢查：

 export function isFacebookBrowser() { const ua = navigator.userAgent || navigator.vendor return ua.indexOf('FBAN') > -1 || ua.indexOf('FBAV') > -1 } export const isMSFamilyBrowser = () => { const ua = navigator.userAgent || navigator.vendor const agent = ua.toLowerCase() return agent.indexOf('edge') > -1 || agent.indexOf('edg') > -1 || agent.indexOf('trident') > -1 }