So verwandeln Sie Websites in Desktop-Apps in Windows

Viele Webentwickler sehen heute keinen greifbaren Vorteil in der Entwicklung von Windows-Apps für ihre Websites, da Benutzer über einen Webbrowser darauf zugreifen können. Wenn Sie es vorziehen, die Dinge anders zu machen, können Sie diese Websites ganz einfach in Desktop-Apps umwandeln.

Vorteile von Desktop-Apps

Eine Desktop-App führt Sie schneller zur Website, und Sie können ihre Verknüpfung bequem zur Taskleiste, zum Startmenü oder zum Desktop hinzufügen. Websites innerhalb eines App-Containers nehmen auch den gesamten Fensterrahmen oder optional den gesamten Bildschirm ein, ohne störende Elemente wie eine Browser-Symbolleiste oder eine Adressleiste zu haben.

1. Microsoft-Edge

Microsoft Edge bietet die schnellste Möglichkeit, Websites in Apps umzuwandeln, da es mit Windows vorinstalliert ist. Wenn Sie eine Website als App installieren, trennt Edge die Website vom Browser, erstellt ein eigenes Symbol und eine eigene Instanz in der Taskleiste und entfernt die Symbolleiste, sodass die Website mehr wie eine App aussieht. Darüber hinaus wird Edge weiterhin die gesamte App mit Strom versorgen, sodass Sie alle aktivierten Erweiterungen verwenden und Formulare mit allen von Ihnen gespeicherten Daten automatisch ausfüllen können.

1. Besuchen Sie im Edge-Browser die Website, die Sie in eine App umwandeln möchten.

2. Klicken Sie auf das horizontale Dreipunkt-Symbol in der Edge-Symbolleiste (oder drücken Sie Alt + F).
3. Gehen Sie zu „Apps“ und klicken Sie auf „Diese Seite als App installieren“.

4. Ändern Sie den Namen der App, wenn Sie möchten, und klicken Sie auf „Installieren“, um die App zur Liste der Edge-Apps hinzuzufügen.

5. Konfigurieren Sie die App-Berechtigungen nach Bedarf und klicken Sie auf „Zulassen“, um diese Änderungen zu übernehmen.

Vorteile

• Schnell und einfach einzurichten
• Funktioniert mit jeder Website
• Praktisches App-Menü zum Starten beliebiger konvertierter Apps
• Hat Zugriff auf eine Seitenleiste, mit der Sie Websuchen durchführen können
• Automatische Updates

Nachteile

• Verbraucht mehr Speicher
• Begrenzt auf eine einzelne Sitzung
• Keine Synchronisierungsunterstützung

2. Google Chrome

Wenn Sie nicht möchten, dass Microsoft Edge Ihre Apps unterstützt, können Sie stattdessen Google Chrome ausprobieren, da die Schritte zum Konvertieren ähnlich sind.

1. Besuchen Sie in Chrome die Website, die Sie in eine App umwandeln möchten.

2. Klicken Sie auf das Symbol mit den drei Punkten in der Chrome-Symbolleiste (oder drücken Sie Alt + F).
3. Gehen Sie von dort zu „Weitere Tools“ und klicken Sie auf „Verknüpfung erstellen“.

4. Ändern Sie den Namen der App, wenn Sie möchten, aktivieren Sie das Kontrollkästchen „Als Fenster öffnen“ und klicken Sie auf „Erstellen“, um die Konvertierung abzuschließen.

Tipp: Dies ist auch der einfachste Weg, eine Gmail-Desktop-App zu erstellen.

Vorteile

• Schnell und einfach einzurichten
• Unterstützt Chrome-Erweiterungen und das automatische Ausfüllen von Formularen
• Funktioniert mit jeder Website
• Apps werden über Ihr Google-Konto über Desktop-Chrome-Installationen hinweg synchronisiert
• Sauberere dedizierte Apps-Seite mit größeren Symbolen

Nachteile

• Verbraucht mehr Speicher
• Begrenzt auf eine einzelne Sitzung

3. Webkatalog

WebKatalog ist eine Drittanbieter-App, die eine Bibliothek beliebter Websites enthält, die Sie als Desktop-Apps installieren können. Im Gegensatz zu Microsoft Edge ist jede App in ihrer eigenen Browser-Engine namens Photon in sich abgeschlossen.

Photon läuft auf dem Chromium-basierten Framework Electron, das die WebCatalog-Apps voneinander und von anderen Browsern isoliert und gleichzeitig eine gute Kompatibilität mit den meisten Websites beibehält.

Dies macht WebCatalog sicherer, da potenzielle Kompromittierungen Ihres Standardbrowsers keine der WebCatalog-Apps betreffen, da jede der Apps über eigene Cookies, Cache und einzigartige Sitzungen verfügt. WebCatalog bietet Ihnen auch die Möglichkeit, mehrere Sitzungen einer Website zu erstellen, ohne dass Sie das Browserprofil wechseln müssen.

1. Nachdem Sie das Programm installiert haben, öffnen Sie WebCatalog und verwenden Sie die Suchleiste, um nach einer Website zu suchen, die Sie als App installieren möchten.
2. Klicken Sie unter dem Symbol der Website auf „Installieren“ und lassen Sie WebCatalog die App erstellen. WebCatalog fügt auch eine Verknüpfung im Abschnitt „Apps“ des Startmenüs hinzu.

3. Wenn WebCatalog die Website, die Sie konvertieren möchten, nicht in seinem Katalog auflistet, klicken Sie auf die Kachel „Benutzerdefinierte App erstellen“, um ein Dialogfeld zu öffnen, in dem Sie die App anpassen können.

4. Benennen Sie die App und geben Sie die Adresse der Website in das URL-Feld ein. Geben Sie mithilfe einer der Optionen unter dem URL-Feld ein Symbol der Website an und klicken Sie auf „Installieren“, um die App einzurichten.

Vorteile

• Mit dem integrierten Katalog können Sie neue Websites und Dienste entdecken
• Isolierte Sitzungen
• Kein Chrome- oder Edge-Tracking
• Anpassbare Schnittstelle
• Automatische Updates
• Eingebauter Werbe- und Trackerblocker in der Vollversion

Nachteile

• Verbraucht mehr Speicherplatz als Edge- oder Chrome-Apps
• Kostenlose Version begrenzt auf 10 Apps und zwei Sitzungen pro App

4. Mit Nativefier

Wie WebCatalog, Eingeborener verlässt sich auf Electron, um Websites für eine bessere Sicherheit in isolierten Containern zu platzieren. Nativefier bietet jedoch keine grafische Benutzeroberfläche oder keinen Katalog, sodass Sie gezwungen sind, die Befehlszeile zum Konvertieren von Websites in Apps zu verwenden.

Das Fehlen von Schnickschnack macht Nativefier zu einer guten Wahl für Computer mit wenig RAM. Da es keinen zentralen Hub gibt, der die von Nativefier betriebenen Apps miteinander verbindet, haben Sie die volle Freiheit, diese Apps zu platzieren und sie auf ein tragbares Speichergerät zu kopieren oder zu verschieben. Nativefier ist auch Open Source, und Sie können so viele Apps erstellen, wie Sie möchten, ohne extra zu bezahlen.

Nativefier erfordert die meisten Schritte zur Installation, aber nach der Installation können Sie Nativefier-basierte Apps in einem einzigen Schritt über die Befehlszeile erstellen.

1. Installiere das neueste LTS-Version von Node.js zu Ihrem PC.

Notiz: Ändern Sie keine Einstellungen im Installationsprogramm.

2. Starten Sie das Startmenü oder die Windows-Suche und suchen Sie nach „Terminal“.
3. Klicken Sie im Seitenbereich der Suchergebnisse auf „Als Administrator ausführen“, um das Windows-Terminalfenster mit Administratorrechten zu öffnen.

4. Klicken Sie auf den kleinen nach unten zeigenden Pfeil in der Titelleiste von Windows Terminal und gehen Sie zu „Einstellungen“ (oder drücken Sie Strg + ,).

5. Stellen Sie unter „Startup“ das „Default Profile“ auf „Command Prompt“ ein, da dieser Schritt den Prozess der Erstellung von Nativefier-Apps vereinfacht.

6. Klicken Sie auf „Speichern“, um die Änderungen zu übernehmen.
7. Drücken Sie das kleine „+“-Symbol in der Titelleiste, um ein Eingabeaufforderungsfenster im Terminal zu öffnen.

8. Geben Sie den folgenden Befehl im Terminal ein, um Nativefier zu installieren.

   npm install -g nativefier

9. Warten Sie, bis der Node Package Manager die Abhängigkeiten heruntergeladen hat, die Nativefier benötigt, um zu funktionieren.

10. Starten Sie Windows Explorer und navigieren Sie zu dem Ordner, in dem Sie die Nativefier-Apps platzieren möchten.
11. Klicken Sie mit der rechten Maustaste auf den Ordner, während Sie die gedrückt halten Wechsel drücken und auf „Im Terminal öffnen“ klicken.

12. Um eine einfache Nativefier-App zu erstellen, geben Sie diesen Befehl im folgenden Format ein:

nativefier --name "Website Name" https://www.websitename.com

Notiz: Ersetzen Sie „Name der Website“ zwischen den Anführungszeichen durch den Namen der Website, die Sie konvertieren, und ersetzen Sie „websitename.com“ durch die Adresse der Website. Warten Sie, bis Nativefier alle erforderlichen Dateien heruntergeladen und die App erstellt hat.

13. Gehen Sie zurück zum Explorer-Fenster und öffnen Sie den Ordner mit Ihrer neu erstellten App.
14. Starten Sie dort die einzige ausführbare Datei und heften Sie die App dann an die Taskleiste oder das Startmenü an, so wie Sie es mit jeder anderen Windows-App tun würden.

Vorteile

• Erstellt beliebig viele Apps und isolierte Sitzungen
• Kein Chrome- oder Edge-Tracking
• Licht auf Ressourcen
• Vollständig tragbar
• Open-Source-Architektur

Nachteile

• Keine grafische Benutzeroberfläche
• Apps müssen einzeln manuell aktualisiert werden
• Einige Websites wie Google-Dienste haben Kompatibilitätsprobleme
• Verbraucht mehr Speicherplatz als Edge- oder Chrome-Apps

Häufig gestellte Fragen