Comment forcer l'affichage du bureau sur les appareils mobiles avec Bootstrap 3 ?

Fournir une vue de bureau sur les appareils mobiles avec Bootstrap 3

Liam, vous avez exprimé le souhait d'afficher un site Web Bootstrap dans sa fenêtre d'affichage de bureau sur les appareils mobiles. Explorons comment y parvenir.

Modification de la fenêtre

L'aspect crucial ici est la définition de la fenêtre d'affichage. Introduisez un lien qui actualise la page et ajoute "?desktop_viewport=true" à l'URL. Cela vous permettra de créer une session et d'afficher la vue du bureau (par exemple, "width=1024") au lieu de la vue réactive ("width=device-width").

Modification des boutons et de la session

Incluez un bouton pour basculer le mode bureau :

<code class="html"><a href="mywebsite.php?show_desktop_mode=true">I want desktop mode!</a></code>

Dans votre fichier PHP, utilisez ce code :

<code class="php"><?php
session_start();
if ($_GET['show_desktop_mode'] == 'true') {
    $_SESSION['desktopmode'] = 'true';
}
?></code>

Porte d'affichage conditionnelle Paramètre

Dans le menu section, ajoutez une logique conditionnelle pour définir la fenêtre d'affichage en fonction de la valeur de la session :

<code class="html"><?php
if ($_SESSION['desktopmode'] == 'true') {
    /* DESKTOP MODE */
    ?>
    <meta name="viewport" content="width=1024">
    <?php
} else {
    // DEFAULT
    ?>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <?php
}
?></code>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!