简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Rumah
Artikel
Soal Jawab
Kursus
Topik
Muat turun
Permainan
Kamus
kemas kini terkini

Rumah  >  Soal Jawab  >  teks badan

Mengapakah iframe saya tidak dimuatkan dalam coretan ini?

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!

P粉514458863P粉514458863370 hari yang lalu569

membalas semua(1)saya akan balas

  • P粉785905797

    P粉7859057972023-09-16 10:20:07

    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. 

    isMobile ? message() : browser();

    balas
    0
  • Batalbalas