Wie erzwinge ich, dass eine Bootstrap-Website die Desktop-Ansicht auf Mobilgeräten anzeigt?

Anzeigen der Desktop-Ansicht auf Mobilgeräten mit Bootstrap 3

Frage:

Können Sie eine Bootstrap-Website so konfigurieren, dass sie angezeigt wird? Desktop-Version auf Mobilgeräten?

Antwort:

Ja, Sie können dies erreichen, indem Sie die Ansichtsfenstereinstellungen über PHP-Sitzungen manipulieren. So geht's:

1. Erstellen Sie einen Link:Erstellen Sie einen Link, der ein erneutes Laden der Seite auslöst, mit dem Parameter ?desktop_viewport=true.
2. Legen Sie eine Sitzung fest :Verwenden Sie den Parameter ?desktop_viewport=true, um eine Sitzung namens „desktopmode“ auf „true“ zu setzen.

3. Ändern Sie das Ansichtsfenster:Im Abschnitt Ihres HTML-Codes verwenden Sie bedingte PHP-Anweisungen, um das Viewport-Meta-Tag festzulegen:

   • Wenn die Sitzung „desktopmode“ „true“ ist, setzen Sie den Viewport auf width=1024.
   • Wenn nicht, stellen Sie den Ansichtsbereich auf width=device-width, initial-scale=1.0 für die responsive mobile Version ein.

4. Beispielcode:

   • Link-Schaltfläche:

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

   • PHP-Code zum Festlegen von Sitzung und Ansichtsbereich:

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

Durch die Implementierung dieser Lösung können Sie Benutzern die Möglichkeit bieten, auf Mobilgeräten zwischen der mobilen und der Desktop-Version Ihrer Website zu wechseln.

Das obige ist der detaillierte Inhalt vonWie erzwinge ich, dass eine Bootstrap-Website die Desktop-Ansicht auf Mobilgeräten anzeigt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!