Hier habe ich also einen kleinen Code, der erkennt, ob es sich um einen mobilen Browser oder einen Desktop-Browser handelt. Diese Funktion funktioniert, aber ich habe versucht, je nach Browser unterschiedliche Iframes bereitzustellen, aber der Iframe wurde nicht geladen. Bitte helfen Sie, das Problem zu beheben!
<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>
Ich habe eine PHP-Version ausprobiert, aber kein Erfolg. Bitte helfen Sie!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
如果设备检测到用户代理是移动设备，则会显示不兼容的设备消息，否则将继续浏览器活动，即使他们在移动浏览器中启用了桌面模式，仍然会显示不兼容的消息
<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>而且你可以使用三元运算符代替IF ELSE语句。