Amélioration de la détection d'appareil

La reconnaissance de nouveaux appareils mobiles ou d'identificateurs d'agent utilisateur d'appareil personnalisés peut être effectuée en personnalisant le code de détection d'appareil dans le contrôleur.

Remarque :

  • La fonction getDeviceInfo est appelée par le contrôleur pour déterminer si un appareil mobile est utilisé. Cet exemple remplace l'appel getDeviceInfo par défaut.

  • La propriété isMobile détermine la présentation utilisée lors de l'affichage de la page.

  • La propriété isIOS détermine le fournisseur utilisé avec le composant de carte.

  • Le test isMobile par défaut intégré est 
    /Mobi|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent) && !/iPad/i.test(userAgent)
  • Le test isIOS par défaut intégré est 
    /iPad|iPhone|iPod/i.test(userAgent) && !window.MSStream
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1">
<meta name="search-site-verification" content="your verification string">
<script type="text/javascript">
var SCS = { sitePrefix: '/SampleSite/' };
 
 
SCS.getDeviceInfo = function() {
    // Return an object with two Boolean properties, isMobile and isIOS.
    var userAgent = navigator.userAgent;
    return {
        isMobile: /Mobi|iPhone/i.test(userAgent) && !/iPad/i.test(userAgent),
        isIOS: /iPad|iPhone|iPod/i.test(userAgent)
    };
};
</script>
<script src="/SampleSite/_sitesclouddelivery/renderer/controller.js"></script>
</head>
<body id="scsControllerBody"><noscript>Please enable JavaScript to view this site properly.</noscript>
<img id="scsWaitImage" style="display: none; margin-top: 5%; margin-left: auto; margin-right: auto;" src="data:image/png;base64,..." />
</body></html>