การเพิ่มการตรวจพบอุปกรณ์

การรับรู้อุปกรณ์เคลื่อนที่ใหม่หรือตัวระบุเอเจนต์ผู้ใช้ของอุปกรณ์ที่กำหนดเองจะเสร็จสมบูรณ์ได้โดยการปรับแต่งรหัสการตรวจพบอุปกรณ์ในคอนโทรลเลอร์

หมายเหตุ:

  • ฟังก์ชัน 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>