Die Einf\u00fchrung von Progressive Web Apps (PWAs) auf macOS ist eine erfreuliche Nachricht f\u00fcr Webentwickler und Benutzer. PWAs erm\u00f6glichen es Benutzern, eine Website auf ihrem Ger\u00e4t zu installieren und wie eine App zu nutzen, ohne den Browser \u00f6ffnen zu m\u00fcssen. Bisher war dies unter macOS nur mit Chromium-basierten Browsern wie Google Chrome und Microsoft Edge m\u00f6glich. Jetzt hat Apple mit dem Safari 17-Browser und macOS Sonoma die Unterst\u00fctzung f\u00fcr PWAs auch auf seinen eigenen Ger\u00e4ten eingef\u00fchrt.<\/p>\n
Die Installation einer PWA unter macOS erfolgt \u00e4hnlich wie unter iOS und iPadOS \u00fcber das Teilen-Men\u00fc, das sich neben der Adresszeile befindet. Dort muss die Option „Zum Dock hinzuf\u00fcgen“ ausgew\u00e4hlt werden. W\u00e4hrend der Installation wird eine Verkn\u00fcpfung zur Website im Dock abgelegt. Auf Mobilger\u00e4ten wird die Verkn\u00fcpfung auf dem Home-Bildschirm angezeigt.<\/p>\n
Mithilfe des Web Application Manifests k\u00f6nnen Webentwickler das Icon und den Namen der Verkn\u00fcpfung vorab festlegen. Dar\u00fcber hinaus k\u00f6nnen sie festlegen, dass die ge\u00f6ffnete Website im Standalone-Modus ausgef\u00fchrt wird. Dies bedeutet, dass sie in einem eigenst\u00e4ndigen Fenster angezeigt wird, ohne Browser-Steuerelemente und in voller Bildschirmgr\u00f6\u00dfe. Wenn kein Manifest vorhanden ist, werden Titel und Icon aus alternativen Quellen bezogen.<\/p>\n
Ein Beispiel f\u00fcr eine Produktivit\u00e4ts-PWA ist paint.js.org. Diese Anwendung erm\u00f6glicht das Erstellen von Grafiken und Zeichnungen direkt im Browser und bietet \u00e4hnliche Funktionen wie klassische Bildbearbeitungsprogramme. PWAs bieten somit nicht nur eine bessere Benutzererfahrung, sondern er\u00f6ffnen auch neue M\u00f6glichkeiten f\u00fcr die Entwicklung von spezialisierten Anwendungen.<\/p>\n
W\u00e4hrend der letzten Jahreskonferenz des World Wide Web Consortiums (W3C) wiesen Vertreter von Apple bereits darauf hin, dass die Unterst\u00fctzung von PWAs unter macOS interessante M\u00f6glichkeiten er\u00f6ffnen k\u00f6nnte. Insbesondere wurde die Idee diskutiert, ein Bearbeitungsprogramm f\u00fcr spezifische Dateitypen \u00fcber PWAs zu realisieren. Dies w\u00fcrde es Benutzern erm\u00f6glichen, Dateien direkt aus dem Dateimanager zu \u00f6ffnen und mit speziell darauf abgestimmten Anwendungen zu bearbeiten, ohne diese erst herunterladen zu m\u00fcssen.<\/p>\n
Die Einf\u00fchrung von PWAs unter macOS ist ein Schritt in die richtige Richtung, um das Web-Erlebnis auf Apple-Ger\u00e4ten weiter zu verbessern. Webentwickler haben nun die M\u00f6glichkeit, ihre Websites als PWAs anzubieten und so eine bessere Integration mit dem Betriebssystem zu erreichen. Benutzer k\u00f6nnen von einer verbesserten Benutzerfreundlichkeit und einem schnelleren Zugriff auf ihre bevorzugten Websites profitieren. Es bleibt abzuwarten, wie sich diese Entwicklung weiterentwickeln wird und welche neuen M\u00f6glichkeiten sich f\u00fcr die Nutzung von PWAs auf macOS ergeben werden.<\/p>\n
Schlagw\u00f6rter: Safari 17 + macOS Sonoma + Progressive Web Apps<\/p>\n","protected":false},"excerpt":{"rendered":"
Die Einf\u00fchrung von Progressive Web Apps (PWAs) auf macOS ist eine erfreuliche Nachricht f\u00fcr Webentwickler und Benutzer. PWAs erm\u00f6glichen es Benutzern, eine Website auf ihrem Ger\u00e4t zu installieren und wie eine App zu nutzen, ohne den Browser \u00f6ffnen zu m\u00fcssen. Bisher war dies unter macOS nur mit Chromium-basierten Browsern wie...<\/p>\n","protected":false},"author":4,"featured_media":1557,"comment_status":"","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1558","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/posts\/1558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1558"}],"version-history":[{"count":0,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/posts\/1558\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/media\/1557"}],"wp:attachment":[{"href":"https:\/\/byte-bucket.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1558"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1558"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}