Top 10+ Browser, die Progressive Web Apps unterstützen (aktualisiert 2022)

Veröffentlicht: 2022-06-28

Eine der wichtigsten Funktionen von Progressive Web Apps ist, dass sie anpassungsfähig sind, was bedeutet, dass sie immer das bestmögliche Erlebnis in Bezug auf die Bildschirmgröße und die Fähigkeiten des Browsers bieten. Es ist jedoch immer noch von Vorteil, die Funktionen und die Kompatibilität jedes Browsers mit Progressive Web App (PWA)-Funktionen zu kennen. Im Folgenden finden Sie eine Liste der beliebtesten PWA-unterstützten Browser und ihrer Kompatibilität. Es ist alles in der folgenden Tabelle zusammengefasst. Wählen Sie einen Browser, der Ihnen gefällt, und prüfen Sie die Kompatibilität mit verschiedenen Funktionen unter Berücksichtigung des Bildschirmtyps und des Betriebssystems.

Inhalt

Von PWA unterstützte Browser

Die führenden Webbrowser-Anbieter haben in späteren Versionen Funktionsverbesserungen hinzugefügt, um PWAs zu unterstützen, aufgrund der jüngsten Popularität dieser Anwendungen. Die unten aufgeführten Browser und Versionen sind kompatibel.

Desktop-Browser (volle Unterstützung): Chrome, Firefox, Opera, Edge, Safari
Desktop-Browser (teilweise Unterstützung/veraltete Version): QQ Browser, Baidu Browser
Mobiler Browser (volle Unterstützung): Chrome, Firefox, Safari, UC-Browser, Samsung Internet, Mint-Browser, Wechat
Mobiler Browser (teilweise Unterstützung/veraltete Version): QQ Browser, Android Browser, Opera Mobile

PWA-Browser-Unterstützung	Überblick
Chrom	Chrome ist vielleicht der beliebteste Browser (außer auf Apple-Geräten), aber er ist nicht in jeder Hinsicht der beste oder mit den meisten Funktionen. Es gibt Funktionen, die in Chrome nicht verfügbar sind, aber andere Browser wie Firefox, Opera oder Safari haben sie stattdessen. Das soll nicht heißen, dass Chrome kein gutes Programm ist, aber Sie sollten wissen, dass es bessere Optionen gibt. Für mobile Geräte: In Chrome erscheint eine Schaltfläche in der Adressleiste für Websites, die PWAs unterstützen, ähnlich wie in Edge. Für Desktop-Geräte: In Chrome sehen Sie im Hauptmenü von Chrome die Option App installieren für Websites, die die PWA-Fähigkeit vollständig unterstützen. Das App-Symbol wird auf Ihrem Startbildschirm angezeigt, nachdem Sie diese Option ausgewählt haben. (Beachten Sie, dass Sie für Bereiche ohne PWA-Funktionen „Zum Startbildschirm hinzufügen“ auswählen können.) Die Optionen für langes Drücken umfassen immer noch „Deinstallieren“, darunter befinden sich jedoch „Site-Einstellungen“, die für im Store installierte Apps nicht verfügbar sind.
Feuerfuchs	Firefox, ein Open-Source-Projekt, hat Pionierarbeit bei mehreren Webfunktionen geleistet, und das dahinter stehende Unternehmen war ein lautstarker Befürworter des Online-Datenschutzes. Es ist auch berühmt für eine große Anzahl verfügbarer Erweiterungen. Obwohl Firefox mehrere PWA-APIs unterstützt, kann es sie nicht als eigenständige System-App mit einer App-ähnlichen Erfahrung installieren. Die Android-Version von Firefox unterstützt PWA, während die Desktop-Version dies nicht tut. Auf der anderen Seite versuchte Mozilla, Unterstützung durch einen standortspezifischen Browser bereitzustellen. In Android-Geräten: In Firefox ist eine einfache Installationsoption für PWA-Sites verfügbar. Das Dialogfeld „Zum Bildschirm hinzufügen“ wird angezeigt, sobald Sie auf diese Option tippen. Ein kleines orangefarbenes Firefox-Emblem wird unten rechts neben dem primären App-Logo auf den Startbildschirmsymbolen für von Firefox erstellte PWAs angezeigt. Für ein realeres App-Erlebnis, anders als in Chrome, sehen Sie die Option Website-Einstellungen nicht.
Safari	Für Desktop-Geräte: Die Installation von PWAs unter macOS ist die gleiche wie unter Windows, außer dass Safari standardmäßig keine Möglichkeit bietet, eine Website zu einer PWA zu machen. In Launchpad ist Ihr neues Programm sichtbar, aber nicht im Ordner „Programmsuche“. Für Mobilgeräte: In iOS und iPadOS erlaubt Apple nur Safari, PWAs zu generieren; Browser von Drittanbietern sind ausgeschlossen. Im Gegensatz zu anderen Browsern, die PWAs ermöglichen, verwendet Safari nicht die Begriffe Installation und App. Um eine zum Startbildschirm Ihres iOS oder iPad hinzuzufügen, gehen Sie zu einer PWA-fähigen Website, tippen Sie unten auf der Seite auf den Aufwärtspfeil Teilen und wählen Sie Zum Startbildschirm hinzufügen. Sie können dies mit jeder Website tun, aber Sie erhalten nicht die Offline-Funktionen, die eine echte PWA bietet.
Rand	Die Installation von PWAs auf dem Desktop-Betriebssystem von Microsoft ist am einfachsten mit Edge, dem standardmäßigen Windows-Webbrowser, zugänglich. Das liegt daran, dass die App Ihrem Startmenü auf die gleiche Weise hinzugefügt wird wie jede andere App, die Sie auf herkömmliche Weise installiert haben (entweder mit einem heruntergeladenen Programminstallationsprogramm oder aus der Microsoft Store-App).
Oper	Opera wurde 1995 veröffentlicht und ist damit einer der ältesten Webbrowser. Die dedizierte Benutzerbasis von Opera wuchs aufgrund seiner Fähigkeit, eine breite Palette von Funktionen zu integrieren, die sonst auf Erweiterungen und unabhängige Apps beschränkt wären. Opera 32 für Android ist jetzt mit PWA – Kompatibilität zum Startbildschirm hinzufügen verfügbar. Sie werden mehrere Funktionen entdecken, die speziell dazu gedacht sind, die Lücke zwischen nativen Apps und dem „mobilen Web“ zu schließen, neben einer Reihe von Fehlerkorrekturen, Stabilitätsverbesserungen und einer aktualisierten Chromium-Engine für optimale Kompatibilität und Sicherheit (oder zumindest die auf Mobilgeräten angezeigtes Web).
QQ-Browser	Tencent Explorer war der Name von QQ Browser, als er erstmals im Jahr 2000 veröffentlicht wurde. Die Tatsache, dass er zwei Engines verwendet, WebKit und Trident, zeichnet diesen Browser aus. Früher hat es PWA unterstützt, aber nicht mehr für die neue Version.
Baidu-Browser	Baidu Browser ist ein kostenloser Webbrowser für Windows und Android, der persönliche Benutzerdaten ohne Verschlüsselung oder leicht entschlüsselbare Verschlüsselung an Baidu-Server senden kann. Es ist auch der ressourcenschonendste Browser für Low-End-Android-Geräte und anfällig für die Ausführung willkürlichen Codes während Software-Updates über Man-in-the-Middle-Angriffe.
UC-Browser	UC Browser ist ein plattformübergreifender Webbrowser, der hauptsächlich für mobile Geräte entwickelt wurde. Es ist bekannt für seine minimale App-Größe und Datenkomprimierungstechnologien, was es in Schwellenländern populär gemacht hat, wo Benutzer Telefone mit weniger Gerätespeicher und langsamerer Internetgeschwindigkeit haben. Zu den weiteren Funktionen des Browsers gehören Cloud-Beschleunigung, das Herunterladen mehrerer Dateiformate, HTML5-Web-App- und Cloud-Synchronisationsfunktionen sowie „schneller Download“, eine Funktion, die Dateien in vielen Teilen auf einmal herunterlädt.
Samsung-Internet	Dies ist der standardmäßige und vorinstallierte Browser auf jedem Samsung-Handy. Es basiert auf dem Chromium-Projekt, das Chrome und Microsoft Edge ausführt. Samsung-Smartphones bieten eine Alternative zum Standard-Android-Erlebnis. Wenn Sie eine PWA-Website besuchen, zeigt Ihr Browser ein Abzeichen an. Wenn Sie Google Sheets oder eine andere Web-App häufig verwenden, bietet Ihnen der Browser das herausragendste Web-App-Erlebnis.
Mint-Browser	Einer der bedeutendsten Webbrowser für Android-Telefone ist Mint Browser. Sie erhalten halsbrecherische Geschwindigkeit, Privatsphäre und Sicherheit in einer einzigen kompakten Box. Wenn Ihnen die Benutzererfahrung wichtiger ist als High-End-Technologie, ist die 10-MB-App ein Lebensretter. Mint Browser verfügt über mehrere Sicherheitsmechanismen, um ein sicheres Surfen zu gewährleisten und allen Benutzern erstklassige Sicherheitsdienste und -waren bereitzustellen. Um die Kontrolle der Benutzer über die gemeinsame Nutzung ihrer Daten mit Xiaomi weiter zu stärken, bietet das aktuelle Upgrade allen Benutzern die Möglichkeit, die Erfassung aggregierter Daten im Inkognito-Modus ein- und auszuschalten.
WeChat	Mit einer monatlichen Nutzerbasis von über 1 Milliarde Menschen ist WeChat Chinas beliebtestes Messaging-Programm. Was als Chat-Dienst begann, hat sich zu einer App entwickelt, mit der Sie Zahlungen tätigen, ein Taxi rufen und sogar Flüge buchen können. Es ist jedoch unwahrscheinlich, dass Sie es verwendet haben, wenn Sie nicht in China wohnen.

PWA Nicht unterstützte Browser

Es gibt auch bestimmte Browser, die die für Angular 6 oder PWAs erforderlichen benutzerdefinierten Elemente nicht aktiv unterstützen.

Microsoft Edge erzwingt derzeit, dass PWAs in ihrem App Store verfügbar sind, damit sie von diesem Browser unterstützt werden.

Auf dem Desktop unterstützen Safari und Firefox keine PWA-Installation. Sie unterstützen Offline-Funktionen, aber das Erlebnis beginnt immer innerhalb der Browser-Benutzeroberfläche. Es kann Vollbild werden, aber niemals ein eigenständiges Fenster auf einem Desktop.

PWA-Kernfunktionen zur Unterstützung der Benutzererfahrung

Synchronisierung im Hintergrund

Diese Funktion aktualisiert regelmäßig Daten von der Website. Die Benutzer haben immer Zugriff auf die aktuellsten Informationen.

Web-Push-Benachrichtigung

Die Fähigkeit von Servicemitarbeitern, im Hintergrund zu arbeiten, ermöglicht diese Fähigkeit. Benutzer können auf die Website zugreifen, indem sie auf die Erinnerung auf ihrem Startbildschirm tippen.

Offline-Modus

Nach der Installation im Browser übernimmt die Offline-Zugänglichkeit das Caching von App-Dateien, fängt Netzwerkanfragen ab und ergreift dann die entsprechenden Maßnahmen, je nachdem, ob das Netzwerk verfügbar ist oder nicht.

Diese Funktion ermöglicht den Zugriff auf die App ohne Verbindung und bietet eine bessere Benutzererfahrung. Auch wenn eine Internetverbindung verfügbar ist, müssen bestimmte Dateien nicht vom Webserver geladen werden, da sie bereits lokal gespeichert sind.

Zum Startbildschirm hinzufügen

Diese PWA-Funktion ermöglicht es, die Website auf mobilen Geräten zu installieren. Es generiert eine Verknüpfung auf dem Bildschirm, sodass Benutzer die Website schnell erreichen können, indem sie einfach das Symbol-Badge berühren, anstatt den Link erneut einzugeben. Diese Funktion ist in allen Browsern verfügbar.

Startbildschirm/Begrüßungsbildschirm

Ein weiterer einzigartiger Teil von PWAs besteht darin, dass sie, obwohl sie in einem Browser ausgeführt werden, direkt auf dem Startbildschirm des Benutzers platziert werden können und ein immersives Vollbilderlebnis bieten.

Mit Ausnahme von iOS aktivieren alle Browser diese Funktion, die dazu beiträgt, die Angst beim Warten auf das Laden einer Website zu verringern.

Geolokalisierung

Die Geolocation-API kann verwendet werden, um auf Informationen über die Geolokalisierung des App-Benutzers zuzugreifen, sodass sein Standort gefunden werden kann (mit Zustimmung des Benutzers). Außerdem können Sie den Benutzer im Auge behalten und Benachrichtigungen erhalten, wenn sich seine Position ändert.

Video- und Bilderfassung

Heute bietet die „Media Capture API“ Web-Apps direkten Zugriff auf Audio- und Videoeingänge von Geräten (Kamera und Mikrofon). Mit der Web-App können Sie diese Feeds lesen und verwalten. Dadurch können Sie beispielsweise ein Bild aufnehmen oder ein Video aufnehmen, ohne den Browser zu verlassen.

Fazit

Fast jedes Browsersystem der Welt unterstützt PWA in irgendeiner Weise. Während PWA unter iOS nicht vollständig unterstützt wird, beginnt der Browser, Hindernisse zu beseitigen und ermöglicht die Ausführung einiger PWA-Funktionen auf Apple-Geräten.

Dies könnte darauf hindeuten, dass Browser weltweit PWAs das gleiche Potenzial wie native Anwendungen zusprechen und beginnen, unglaublichere Unterstützung zu bieten, um die Benutzererfahrung zu verbessern.

Wenn Sie im Begriff sind, eine PWA-Site für Ihr Unternehmen einzurichten, und nach einer seriösen PWA-Webentwicklungsagentur suchen, ist Tigren die beste Wahl.

Wir haben erfolgreiche PWA-Projekte aufgebaut, die die Anforderungen vieler Unternehmen erfüllen. Unser Team ist bestrebt, die besten Ergebnisse für die Kunden zu liefern. Für weitere Informationen schreiben Sie uns eine Nachricht an [email protected] .