Hinweis:
Der Controller ruft die Funktion getDeviceInfo
auf, um zu bestimmen, ob ein Mobilgerät verwendet wird. In diesem Beispiel wird der standardmäßige getDeviceInfo-Aufruf außer Kraft gesetzt.
Die Eigenschaft "isMobile" bestimmt, welches Layout beim Rendern der Seite verwendet wird.
Die Eigenschaft "isIOS" bestimmt, welcher Anbieter mit der Kartenkomponente verwendet wird.
isMobile
ist
/Mobi|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent) && !/iPad/i.test(userAgent)
isIOS
ist
/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>