简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Pourquoi mon iframe ne se charge-t-elle pas dans cet extrait ?
P粉514458863
P粉514458863 2023-09-15 11:06:40
0
1
564

J'ai donc ici un petit morceau de code qui détecte s'il s'agit d'un navigateur mobile ou d'un navigateur de bureau. Cette fonction fonctionne, mais j'ai essayé de servir différentes iframes en fonction du navigateur, mais l'iframe ne s'est pas chargée. S'il vous plaît, aidez-nous à le réparer ! 

<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>

J'ai essayé une version PHP mais sans succès. s'il vous plaît, aidez-moi !

P粉514458863
P粉514458863

répondre à tous(1)
P粉785905797
P粉7859057972023-09-16 10:20:07 1 plancher

Si l'appareil détecte que l'agent utilisateur est un appareil mobile, le message de l'appareil incompatible s'affichera, sinon l'activité du navigateur continuera, même si le mode bureau est activé dans le navigateur mobile, le message de l'appareil incompatible sera toujours affiché 

<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>

Et vous pouvez utiliser l'opérateur ternaire au lieu de l'instruction IF ELSE. 

isMobile ? message() : browser();
Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！