...
Ansicht | Beschreibung | Initiierung via URL | |||||
|---|---|---|---|---|---|---|---|
Standard | Dies ist die Standard-Ansicht und ist auch bekannt als Desktop-Ansicht. |
| |||||
Mobile | Diese Ansicht wird für die Beantwortung der Anfragen von mobilen Endgeräten genutzt. |
| |||||
Druck | Über diese Ansicht wird die Druckausgabe der Website erzeugt. |
| |||||
Mit dieser Ansicht wird eine Anfrage in Form eines PDF-Dokuments beantwortet. Siehe dazu dynamische PDF-Dokumente. |
| ||||||
App | Für die Integration der Website in andere Anwendungen kann die App-Ansicht genutzt werden. |
|
Verwendung in iFrames
Mit der Realisation eines "blank" Themes, welches lediglich den Inhalt und Content ausgibt (ohne Header, Footer, Navigation, etc.), eignet sich eine Seite mit der App-Ansicht für die Verwendung in iFrames oder modalen Fenstern.
Initiierung
Die Initiierung der meisten Ansichten erfolgt manuell über das jeweilige URL-Argument gemäss obiger Liste. Die Druck-Ansicht einer Website wird z.B. über das URL-Argument printview=1 initiiert. Beispiel:
...
Erfolgt keine manuelle Initiierung einer Ansicht (durch Übermittlung des entsprechenden URL-Arguments), so wird für die Beantwortung einer Website-Anfrage die Standard-Ansicht verwendet. Falls die Anfrage von einem mobilen Endgerät stammt, so wird für die Beantwortung der Anfrage die Mobile-Ansicht verwendet. Dies erlaubt die Auslieferung von zwei komplett unabhängigen Layouts auf normalen Desktop-Geräten (Standard-Ansicht) und mobilen Endgeräten (Mobil-Ansicht). Die Identifikation, ob es sich um ein mobiles Endgerät handelt, erfolgt über den User-Agent des Endgerätes.
Empfohlene Vorgehensweise
Häufig soll die Ansicht für mobile Endgeräte dem gleichen Design (CI/CD) wie der Ansicht für Desktop Endgeräte entsprechen, jedoch einfach für die Anzeige auf mobilen Endgeräten optimiert sein. In diesem Fall wird empfohlen für beide Ansichten (Standard & Mobile) das gleiche Theme einzusetzen, welches mittels Media Queries responsiveness implementiert und sich damit automatisch an die jeweilige Displaygrösse des Endgerätes anpasst. Ein prägnanter Einstieg ins Thema Media Queries bietet der Artikel Responsive web design basics auf web.dev. Umfassendere Informationen sind beim Mozilla Developer Network zu finden.
...