Zum Inhalt springen

Capacitor

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 08.11.2026

Capacitor ist eine Laufzeitumgebung, die Webanwendungen als installierbare Apps für iOS und Android verpackt. Das Team hinter Ionic hat es 2019 als Nachfolger von Apache Cordova veröffentlicht.

Capacitor

Ein Werkzeug, das eine Webanwendung in eine App einbettet und ihr Zugriff auf Funktionen des Geräts gibt.
Beispiel: „Mit Capacitor haben wir aus der bestehenden Web-App eine App für den App Store gemacht, ohne die Oberfläche neu zu bauen.“

Abgrenzung zu Apache Cordova: Cordova versteckt die nativen Projekte und erzeugt sie bei jedem Bauen neu. Capacitor legt sie offen ins Projekt, sodass sie sich in Xcode und Android Studio bearbeiten lassen.

Wie Capacitor funktioniert

Die Webanwendung wird in eine eingebettete Browseransicht geladen, die das Betriebssystem bereitstellt. Capacitor baut eine Brücke zwischen dem JavaScript in dieser Ansicht und den Schnittstellen des Geräts.

Plugins öffnen den Zugang zu Kamera, Standort, Dateisystem, Push-Mitteilungen und Bezahlfunktionen. Fehlt ein Plugin, lässt es sich in Swift oder Kotlin selbst schreiben.

Capacitor ohne Ionic

Capacitor funktioniert mit jeder Webanwendung, ob mit React, Vue.js, Angular oder ganz ohne Framework gebaut. Ionic liefert dazu nur die passenden Bedienelemente, Pflicht ist es nicht.

Dadurch lässt sich eine bestehende Web-App oft mit wenig Aufwand in die App-Stores bringen.

Wo Capacitor an Grenzen stößt

Bei allem, was die Browseransicht nicht flüssig darstellen kann: aufwendige Animationen, große Listen mit Bildern, Spiele. Dazu kommen die Regeln der App-Stores. Apple lehnt Apps ab, die erkennbar nur eine Website in einer Hülle sind und keinen eigenen Nutzen bieten.

Für eine Website, die nur auf dem Startbildschirm landen soll, reicht oft weniger. Eine Progressive Web App mit Web App Manifest lässt sich ohne App-Store installieren.

Siehe auch:

Ionic

Ein Framework, das aus Webtechnik Apps für iOS, Android und das Web baut.

#Programmiersprachen

React Native

Ein Framework von Meta, mit dem sich Apps für iOS und Android in React schreiben lassen.

#Programmiersprachen

Flutter

Ein Framework von Google für Apps auf Smartphone, Web und Desktop aus einer Codebasis in Dart.

#Programmiersprachen

Native App

Anwendung, die für ein Betriebssystem entwickelt, über dessen App Store installiert und direkt auf dem Gerät ausgeführt wird.

#Webdesign-Grundlagen

Web-App-Manifest

Eine JSON-Datei mit den Angaben, mit denen ein Betriebssystem eine Website wie eine App behandeln kann.

#Webdesign-Grundlagen

JavaScript

Die Programmiersprache, die in jedem Browser mitläuft und einer Seite Verhalten gibt.

#Programmiersprachen #Frontend-Entwicklung (HTML, CSS, JavaScript)