Video: Web Apps mit Ionic 2 | Android, iOS, Hybrid App erstellen | Tutorial 2025
Obwohl jede Website mit einem mobilen Browser angezeigt werden kann, sehen Websites, die nicht für mobile Geräte optimiert sind, etwas seltsam aus., als ob die reguläre Website-Schriftgröße und Bildgröße auf einen mobilen Bildschirm reduziert wurden. Im Gegensatz dazu haben Websites, die für mobile Geräte optimiert sind, Schriftarten, die lesbar sind, Bilder, die auf dem Bildschirm des mobilen Geräts skalieren, und ein vertikales Layout, das für ein Mobiltelefon geeignet ist.
Die Erstellung von mobilen Webanwendungen erfolgt mithilfe von HTML, CSS und JavaScript. CSS steuert das Aussehen der Website auf verschiedenen Geräten basierend auf der Bildschirmbreite. Bildschirme mit geringer Breite, z. B. auf Telefonen, erhalten ein vertikal ausgerichtetes Layout, während Bildschirme mit einer größeren Breite wie bei Tablets einem anderen horizontalen Layout zugewiesen werden.
Da über den Browser auf mobile Web-Apps zugegriffen wird und diese nicht auf dem Gerät des Benutzers installiert sind, können diese Web-Apps keine Push-Benachrichtigungen (Alarme) an Ihr Telefon senden und im Hintergrund ausgeführt werden. Browser wird minimiert oder mit anderen Apps kommunizieren.
Obwohl Sie HTML, CSS und JavaScript für Ihre mobile Webanwendung von Grund auf schreiben können, ermöglichen mobile Web-Frameworks die Entwicklung auf der Grundlage eines vordefinierten Codes, ähnlich wie die Frameworks für Programmiersprachen. Diese mobilen Web-Frameworks enthalten eine Sammlung generischer Komponenten, die häufig wiederverwendet werden und es Entwicklern ermöglichen, Websites schneller zu erstellen, zu testen und zu starten. Twitter Bootstrap ist ein solches mobiles Web-Framework.
