Uwaga:
Funkcja getDeviceInfo
jest wywoływana przez kontroler w celu określenia, czy jest używane urządzenie mobilne. Ten przykład przesłania domyślne wywołanie funkcji "getDeviceInfo".
Właściwość "isMobile" określa, który układ ma zostać użyty podczas renderowania strony.
Właściwość "isIOS" decyduje, który dostawca ma zostać użyty dla składnika "mapa".
isMobile
:
/Mobi|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent) && !/iPad/i.test(userAgent)
isIOS
:
/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>