Meine Seite http://www.partyband-livemusik.de/ habe ich in zwei Versionen (Desktop und Mobile) angelegt.
Allerdings stört mich, dass selbst HD-Tablets mit der mobilen Version starten.
Ich möchte gern, dass mobile Endgeräte mit Auflösung>=960 px mit der Desktop-Version starten.
Wie funktioniert das?
Danke rockpianist
Die Unterscheidung zw. Desktop und Mobile bei dir funktioniert wie?
Hast du das Contao interne Feature genutzt, also mit zwei Templates und Contao entscheidet nach User Agent oder irgendwie anders?
Ich bin wie in "Websites erstellen mit Contao 3" vorgegangen:
- Navigationen erstellt
- Ein Seitenlayout für mobile Seiten erstellt und in der Seitenstruktur eingebunden
- Einige Module abgewählt und die mobile Navigationen eingebunden.
- In der mobilen Variante nutze ich nur die Hauptspalte.
- Die Einbindung der meist externen css-Dateien habe ich im mobilen Seitenlayout belassen und ich habe auch keine extra handheld-Dateien erstellt, es bleibt bei:Der Wechsel erfolgt mit Toggle View.Code:@media screen { ...}
Alles funktioniert, ich müsste dem betreffenden Tablet nur sagen: Falls Du über 960px Breite hast, nutze bitte die Desktop-Version.
Danke und Gruß
rockpianist
Gesteuert wird das hierdurch:
https://github.com/contao/core/blob/...agents.php#L17
Alles was hier ein "'mobile'=>true" hat wird auf das mobile Layout geschoben.
Das ist aber ~ pro Gerät wie Du siehst.
Na da kann man dann wohl nichts machen ...
Danke rockpianist
Naja, wenn es eines der dortigen Definitionen trifft, kann man das ja umdefinieren.
Aber es laufen ja die großen Tablets und die kleinen Smartphones mit Android, also kann hier keine Unterscheidung stattfinden.
Gruß rockpianist
Vielleicht hilft dir diese Erweiterung. https://community.contao.org/de/show...obile_extended
Ich bin gerade erst dabei sie kennenzulernen. Ich kann also noch nichts dazu sagen. Kannst ja mal schreiben, ob das damit funktioniert.
LG
Stephen
Ein Auszug aus der agents.php
Mit einer Kombination aus @media in der css Datei, dem mobilen Layout von Contao und [mobile_extended] müsste das Problem lösbar sein.Code:$GLOBALS['TL_CONFIG']['os'] = array
(
'Macintosh' => array('os'=>'mac', 'mobile'=>false),
'Windows CE' => array('os'=>'win-ce', 'mobile'=>true),
'Windows Phone' => array('os'=>'win-ce', 'mobile'=>true),
'Windows' => array('os'=>'win', 'mobile'=>false),
'iPad' => array('os'=>'ios', 'mobile'=>false),
'iPhone' => array('os'=>'ios', 'mobile'=>true),
'iPod' => array('os'=>'ios', 'mobile'=>true),
'Android' => array('os'=>'android', 'mobile'=>true),
'BB10' => array('os'=>'blackberry', 'mobile'=>true),
'Blackberry' => array('os'=>'blackberry', 'mobile'=>true),
'Symbian' => array('os'=>'symbian', 'mobile'=>true),
'WebOS' => array('os'=>'webos', 'mobile'=>true),
'Linux' => array('os'=>'unix', 'mobile'=>false),
'FreeBSD' => array('os'=>'unix', 'mobile'=>false),
'OpenBSD' => array('os'=>'unix', 'mobile'=>false),
'NetBSD' => array('os'=>'unix', 'mobile'=>false),
);
Also eigentlich ist da noch ein Fehler in der Agents.php.
Es wird nicht zwischen Android Tablets und Android Smartphones unterschieden.
So könnte man Android Tablets auf "mobile = false" setzen und Android Smartphones auf "mobile = true" ;)
Dann wäre das Problem schon erledigt, weil das iPad ja standardmäßig auf "mobile = false" gesetzt ist.
https://github.com/contao/core/issues/5869
Mal sehen, wie schnell das umgesetzt wird.
Warum soll ein Tablett unmobil sein? Auf dem Markt tummeln sich so viele Android Tabletts, von 600x800px bis 2560px (bei 300dpi).
Dann gibt es smartphones mit über 1000px Auflösung. Die Überlappung zwischen Tabletts und Smartphones wird immer größer. Irgendwann hat man telefonierende Tabletts und Smartphones die man wie hier:
http://www.youtube.com/watch?v=TtXWWRyJLPw
in der Küche einsetzen kann.
Wer das über reinem CSS lösen will und dafür die body class Einträge nutzen will, der kann die Erweiterung Mobile Detection verwenden.
https://contao.org/de/extension-list...ection.de.html
Die schreibt dort in den body ob es ein phone oder tablet ist.
Siehe hier die Beispiele: https://github.com/BugBuster1701/mobiledetection
Ich fände für die Zukunft eine Abfrage der Displaygröße sinnvoller als die Abfrage der Auflösung. Wie groß ist ein Display im Verhältnis zum Finger, der es bedienen soll? :D Schon jetzt muss man bei den hochauflösenden Displays mit device-pixel-ratio kämpfen, anstatt einfach per Auflösung und ppi-Angabe die Displaygröße ermitteln zu können. Vielleicht wird in Zukunft gleich die Displaybreite und -höhe in Inch dem Gerät mitgegeben?Zitat:
Zitat von neophron
Genau darum ging es bei dieser Einteilung nicht, eher was ist ein Mobile Telefon aus heutiger Sicht.Zitat:
Warum soll ein Tablett unmobil sein?
Ja, auch das verschmelzt langsam.
Daher ist diese Einteilung nicht mehr aktuell zu nutzen.
Ich gehe daher generell über die Auflösung und media queries bzw. über Mobile Detection und lasse mir ausgeben ob es ein pc, phone oder tablet ist.
Wenn ich Zeit hätte, würde ich mal schauen ob man sich in den Ablauf einklinken kann und in der Entscheidung mobile oder nicht eingreifen kann.
Notfalls den Eintrag für Android bei jedem Zugriff neu setzen.
Wie Bugbuster sagt: Es ist eine Frage der Philisophie ;)Zitat:
Zitat von BugBuster
Ist denn ein Laptop nicht auch ein Mobil Gerät? :eek: Egal. Deshalb kann man dieses Array so konfigurieren wie man es braucht. Einfach die gewünschten sachen in eine extra Config Datei kopieren und anpassen, und schon ist das Mobil, was mobil sein soll. So kann jeder nach seiner sicht das als Mobil definieren, wie er es für richtig hält ;).
Naja, aber nur begrenzt. Dazu müsste man sich mal raussuchen wie Contao das parst um zu verstehen was man dort reinschreiben kann.
Du kannst ja nicht einfach sagen Android ist nun kein mobile mehr, dann sperrste die Smartphones aus zumindest die kleinen ;)
Und da der Name nachdem geparst wird ein gültiger Array Name sein muss, kannst auch nicht mit regulären ausdrücken arbeiten.
Und schon bin ich wieder bei der Idee, dieses Array bei Seitenanforderung passend zum Agent live zu generieren.
Müsste man mal schauen wo der die agents.php zum erstem mal einbindet.
Das erscheint mir als einfacher Contao - Anwender alles ziemlich kompliziert. Vielleicht gibt es in Contao einmal die Möglichkeit, einfach die Bildschirmbreite abzufragen und danach die "mobile" (geschrumpfte) oder die Desktop(Voll)-Version zu präsentieren.
Gruß rockpianist
Das sollte ja schon mal umgestellt werden die Erkennung, genau auf die Mobile Detect Lib die ich auch verwende, aber angeblich gibt die nicht alles her was benötigt wurde.
Konnte ich nicht ganz nachvollziehen.
Ich habe da schon einige Ideen im Kopf, aber in 3.1 hat sich wohl das Caching nochmals geändert, da muss ich erstmal schauen ob ich da nicht mit ins Gedränge komme.
Das hatte ich auch nicht vor.Zitat:
Zitat von BugBuster
Laut der Google Doku kannst du zwischen Android Tablets und Smartphones unterscheiden:
https://developers.google.com/chrome...ocs/user-agentZitat:
Zitat von Google Docs
Das müsste doch ausreichen oder? Natürlich bleibt die Frage ob die anderen Useragents (opera, firefox) genauso aufgebaut sind...
PS: Ich muss mir deine Erweiterung mobiledetection mal ansehen. Die sieht sehr vielversprechend aus ;).
Genau das ist das Problem, diese regulären Ausdrücke bekommste nicht in agents array rein.
Ah ok. Ich verstehe. Ist auch Logisch irgendwie ;)
Kann deine Erweiterung das?
Hi, hört sich gut an... Habe ein eigenes mobiles Layout aber das Samsung Galaxy Tab 2 frisst nur die mobile Seite - als entweder ich mach alles über mediaqueries mit Px Angaben oder ich probier deine Erweiterung - aber wie kann man dann die CSS ansteuern, wenn die Geräte nicht hat und daher nicht weiß welcher Tag da rein geschrieben wird. Oder verstehe ich da was falsch...Zitat:
Zitat von BugBuster