Knowledgebase:Mobilgeräte-Ansicht

Einleitung

Ab Version 2.1 unterstützt Contrexx auch Mobilgeräte (iPhone, PDAs, Smartphones etc) und kann für diese ein spezielles Design benutzen. Dazu kann man einfach im Contrexx-Backend unter Administration -> Layout & Design -> Aktivieren in der Spalte Template für Mobilgeräte das gewünschte Design auswählen.

Seit der Version 2.2 SP6 (2.2.6) wird für Tablet-Computer (iPad, etc) nicht mehr die Ansicht für Mobilgeräte angezeigt.

Verhalten

Das Template für Mobile Endgeräte wird angezeigt, sobald Contrexx den Besucher als Mobiles Endgerät identifiziert.

Bei der mobilen Ansicht werden speziell für einzelne Inhaltsseiten ausgewählte Templates nicht beachtet (ab 2.1.4). D.h. auf einem mobilen Endgeräte wird in jedem Fall das definierte mobile Template angezeigt, unabhängig davon, ob für die anzuzeigende Inhaltsseite ein spezielles Template definiert wurde.

Technische Funktionsbeschreibung

Es gibt grundsätzlich zwei Varianten, wie ein Mobiles Endgerät erkannt wird:

• Anhand der Browser-Kennung

  • Hier wird analysiert, ob die Browser-Software sich als Mobile-Version ausweist, also z.B. "windows CE" oder "nokia" im Namen hat. Es wird eine lange Liste von Namen überprüft. Zudem wird geprüft, ob der Browser speziell nach Mobilgerät-verträglichen Daten fragt (WAP-Seiten etc).
  • Geregelt wird dies von den Methoden InitCMS::_is_mobile_phone() und InitCMS::_is_tablet() (/core/Init.class.php).

• Mittels speziellem Javascript

  • Mit dem Platzhalter [[JAVASCRIPT_MOBILE_DETECTOR]] wird ein Javascript eingefügt, welches die Grösse des Bildschirms überprüft. Ein Gerät, welches weniger als 800 Pixel in der Breite darstellen kann, wird als Mobilgerät angesehen. Damit werden auch Eee-PCs mit 800x400-Auflösung als Mobilgerät angesehen. Dies wurde aus dem Grund so gemacht, da die meisten aktuellen Webdesigns nicht mehr auf die alte PC-Auflösung 800x600 Rücksicht nehmen.

Nachdem das System herausgefunden hat, ob der Browser zu einem Mobilgerät gehört, wird ein Cookie gesetzt, so dass die Überprüfung nicht jedes Mal gemacht werden muss.

Manuelle Anzeige

Mittels einem speziellen Seitenaufruf, kann die Anzeige für Mobile Endgeräte forciert werden. Dabei wird ein Cookie (cookie:smallscreen=0|1) gesetzt, welches die angeforderte Ansicht fixiert und somit für alle weiteren Seiten-Anfragen bei behält.

Mobile Ansicht

<a href="index.php?smallscreen=1" title="Mobile">Mobile Ansicht</a>

Desktop/Standard Ansicht

<a href="index.php?smallscreen=0" title="Desktop">Klassische Ansicht</a>