Jadi di sini saya mempunyai sekeping kecil kod yang mengesan sama ada ia adalah penyemak imbas mudah alih atau pelayar desktop. Fungsi ini berfungsi, tetapi saya cuba menyediakan iframe yang berbeza bergantung pada penyemak imbas, tetapi iframe tidak dimuatkan. Tolong bantu betulkan!
<html>
<body>
<script>
/* 将用户设备信息存储在一个变量中 */
let details = navigator.userAgent;
/* 创建一个包含一些移动设备关键词的正则表达式，
用于在details字符串中搜索 */
let regexp = /android|iphone|kindle|ipad/i;
/* 使用test()方法在details中搜索regexp，
它返回一个布尔值 */
let isMobileDevice = regexp.test(details);
if (isMobileDevice) {
document.write("您正在使用移动设备");
} else {
<iframe target="_parent" src="https://google.com/" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;"></iframe>
}
</script>
</body>
</html>
Saya mencuba versi PHP tetapi tidak berjaya. tolong bantu!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Jika peranti mengesan bahawa ejen pengguna ialah peranti mudah alih, mesej peranti yang tidak serasi akan dipaparkan, jika tidak, aktiviti penyemak imbas akan diteruskan, walaupun mereka mempunyai mod desktop didayakan dalam penyemak imbas mudah alih, mesej peranti yang tidak serasi akan tetap dipaparkan
<html> <head> <style type="text/css"> body { margin: 0 auto; padding: 0; } #root { display: grid; justify-content: center; align-items: center; width: 100vw; height: 100vh; } #browser { border: 0; width: inherit; height: inherit; } </style> </head> <body> <div id="root"></div> <script type="text/javascript"> let device = navigator.userAgent; let isMobile = device.includes("Android") || device.includes("iPhone") || device.includes("iPad"); let root = document.querySelector("#root"); let message = () => { let p = document.createElement("p"); p.textContent = "您正在使用移动设备。"; root.appendChild(p); }; let browser = () => { let browser = document.createElement("iframe"); browser.id = "browser"; browser.target = "_parent"; browser.src = "https://bing.com"; browser.crossOrigin = "anonymous"; root.appendChild(browser); } if (isMobile) { message(); } else { browser(); } </script> </body> </html>Dan anda boleh menggunakan operator ternary dan bukannya pernyataan IF ELSE.