2016-06-02 11 views
-4

Wie leitet man einen Benutzer auf eine HTML-Seite mit mobilem Design um, anstatt den HTML-Code so zu schreiben, dass er mobil reagiert?HTML5 Mobile/Tablet-Erkennung?

Ich weiß, dass Sie @ media Abfragen und Bootstrap verwenden können, aber wie kann man jemanden umleiten?

+1

Sie entwerfen Responsive Layouts für jeden Bildschirm. Hat nichts damit zu tun, ob sie auf einem Tablet oder einem Smartphone oder einem Desktop sind. Sie würden Ihre Webseiten nicht umleiten, sondern einfach mit 'CSS' formatieren. – GibralterTop

+0

Ich verstehe das. Aber es gibt Websites, die zwei Sätze von HTML-Layouts haben, einen für mobile und einen für Desktops. – Dexstrum

+0

Sie haben bereits existierende Websites, die vor der Massenakzeptanz von CSS3 entwickelt wurden. Diese Seiten sind Dinosaurierstatus. Sie entwerfen das ganze Ding wie Ihr Bildschirm magisch erweitern oder verkleinern kann. Daher können Sie eine Desktop.css, eine Phone.css und eine Tablet.css erstellen und einfach Ihre '@ media'-Abfragen in diesen Dateien definieren. Lassen Sie das Stylesheet das Styling für Sie übernehmen. Keine Notwendigkeit, umzuleiten. – GibralterTop

Antwort

1

Sie müssen Browser-Sniffing (auch als User-Agent bekannt Sniffing) Code, das, was der Besucher-Browser und Gerät erkennt verwendet und dann entsprechend umleitet. Ich denke, das würde normalerweise durch Javascript geschehen. Nichtsdestoweniger ist diese Technik nicht so gut wie responsives Design, weil es nicht so einfach ist, mehrere Versionen einer Website für verschiedene Geräte zu verwalten, es ist besser, nur ein responsives Design zu haben.

+0

Das macht viel Sinn. Ich hatte nicht den Aspekt der Wartung von sowohl dem mobilen als auch dem Desktop berücksichtigt. – Dexstrum