Comment forcer un site Web Bootstrap à afficher la vue du bureau sur les appareils mobiles ?

Affichage de la vue du bureau sur les appareils mobiles à l'aide de Bootstrap 3

Question :

Pouvez-vous configurer un site Web Bootstrap pour afficher le version de bureau sur les appareils mobiles ?

Réponse :

Oui, vous pouvez y parvenir en manipulant les paramètres de la fenêtre d'affichage via des sessions PHP. Voici comment :

1. Créer un lien : Créez un lien qui déclenche un rechargement de page avec le paramètre ?desktop_viewport=true.
2. Définissez une session : Utilisez le paramètre ?desktop_viewport=true pour définir une session appelée 'desktopmode' sur 'true'.

3. Modifiez la fenêtre d'affichage : Dans la fenêtre de votre code HTML, utilisez des instructions conditionnelles PHP pour définir la balise méta de la fenêtre d'affichage :

   • Si la session 'desktopmode' est 'true', définissez la fenêtre d'affichage sur width=1024.
   • Sinon, définissez la fenêtre d'affichage sur width=device-width, initial-scale=1.0 pour la version mobile réactive.

4. Exemple de code :

   • Bouton de lien :

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

   • Code PHP pour définir la session et la fenêtre d'affichage :

     <code class="php">session_start();
     if ($_GET['show_desktop_mode'] == 'true') {
       $_SESSION['desktopmode'] = 'true';
     }
     
     // ...
     
     if ($_SESSION['desktopmode'] == 'true') {
       ?>
       <meta name="viewport" content="width=1024">
       <?php
     } else {
       ?>
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <?php
     }</code>

En mettant en œuvre cette solution, vous pouvez offrir aux utilisateurs la possibilité de basculer entre les versions mobile et de bureau de votre site Web sur les appareils mobiles.

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!