注:
控制器调用 getDeviceInfo
函数来确定是否在使用移动设备。此示例覆盖默认的 getDeviceInfo 调用。
isMobile 属性确定呈现页面时使用的布局。
isIOS 属性确定与地图组件一起使用的提供方。
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>