Как определить, работает ли приложение lightforce lightning в мобильном браузере или обозревателе рабочего стола?

Question

У нас есть приложение lightforcing salesforce, которое работает как на мобильном, так и на рабочем столе. Необходимо написать код только для мобильного приложения. Как определить, работает ли приложение в мобильном браузере или в браузере рабочего стола? я использовал следующий код, но он не работает:

checkMobileBrowser: function(component){ 
    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ 
     return true;   
    }else{ 
     return false; 
    } 
} 

Answer 1

вы можете написать функцию JavaScript для проверки агента пользователя браузера:

function detectmob(){ 
    if(navigator.userAgent.match(/Android/i) 
      || navigator.userAgent.match(/webOS/i) 
      || navigator.userAgent.match(/iPhone/i) 
      || navigator.userAgent.match(/iPad/i) 
      || navigator.userAgent.match(/iPod/i) 
      || navigator.userAgent.match(/BlackBerry/i) 
      || navigator.userAgent.match(/Windows Phone/i)){ 
     return true; 
    }else{ 
     return false; 
    } 
} 

Answer 2

Вы также можете использовать поставщик $Browser глобального значения:

function checkMobileBrowser(){ 
    return $A.get("$Browser.formFactor") !== "DESKTOP" 
} 

Это гарантирует, что ваше обнаружение соответствует используемому приложению, если ваш компонент когда-либо внедрен в S1 или SFX, и каждый g включит ту же логику.

$Browser также доступен в компоненте разметки:

<aura:if "{!$Browser.formFactor !== 'DESKTOP'}"> 
    <component/> 
</aura:if> 

Вы можете найти документацию для $Browser, поскольку она позволяет очень зернистое обнаружение оборудования, и там может быть что-то другое для вашего конкретного случая использования.

https://resources.docs.salesforce.com/sfdc/pdf/lightning.pdf

Answer 3

в $ Браузер глобального поставщик значения возвращает информацию об аппаратной и операционной системе браузера доступа к приложению.

Возвращает значение перечисления FormFactor в зависимости от типа оборудования, на котором работает браузер.

DESKTOP для настольного клиента PHONE для телефона, включая мобильный телефон с браузером и смартфон планшетом для клиента таблетки (для которого isTablet возвращает TRUE)

Ctrl 

({ 
    checkBrowser: function(component) { 
     var device = $A.get("$Browser.formFactor"); 
     alert("You are using a " + device); 
    } 
}) 
Component 

<aura:component> 
     {!$Browser.isTablet} 
     {!$Browser.isPhone} 
     {!$Browser.isAndroid} 
     {!$Browser.formFactor} 
    </aura:component> 

Используя этот способ, которым Вы можете определение

Ресурс: http://www.janbask.com/salesforce-lightning