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> /* 將用戶設(shè)備信息存儲(chǔ)在一個(gè)變量中 */ let details = navigator.userAgent; /* 創(chuàng)建一個(gè)包含一些移動(dòng)設(shè)備關(guān)鍵詞的正則表達(dá)式, 用于在details字符串中搜索 */ let regexp = /android|iphone|kindle|ipad/i; /* 使用test()方法在details中搜索regexp, 它返回一個(gè)布爾值 */ let isMobileDevice = regexp.test(details); if (isMobileDevice) { document.write("您正在使用移動(dòng)設(shè)備"); } 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!
如果設(shè)備檢測到用戶代理是移動(dòng)設(shè)備,則會(huì)顯示不兼容的設(shè)備消息,否則將繼續(xù)瀏覽器活動(dòng),即使他們?cè)谝苿?dòng)瀏覽器中啟用了桌面模式,仍然會(huì)顯示不兼容的消息
<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 = "您正在使用移動(dòng)設(shè)備。"; 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>
而且你可以使用三元運(yùn)算符代替IF ELSE語句。
isMobile ? message() : browser();