Apparaatdetectie verhogen

De herkenning van nieuwe mobiele apparaten of gebruikersagent-ID's van aangepaste apparaten kan worden bereikt door de apparaatdetectiecode in de controller aan te passen.

Opmerking:

De functie getDeviceInfo wordt aangeroepen door de controller om vast te stellen of er een mobiel apparaat wordt gebruikt. In dit voorbeeld wordt de standaardaanroep van getDeviceInfo overschreven.
De eigenschap 'isMobile' bepaalt de lay-out voor de weergave van de pagina.
De eigenschap 'isIOS' bepaalt de provider die wordt gebruikt in de toewijzingscomponent ('Map').

De ingebouwde standaardtest isMobile is

/Mobi|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent) && !/iPad/i.test(userAgent)

De ingebouwde standaardtest isIOS is

/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>