{"id":132079,"date":"2021-11-06T18:48:00","date_gmt":"2021-11-06T15:48:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=132079"},"modified":"2025-03-15T00:29:02","modified_gmt":"2025-03-14T21:29:02","slug":"so-installieren-und-verwenden-sie-pwas-mit-edge-insider","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/de\/so-installieren-und-verwenden-sie-pwas-mit-edge-insider\/","title":{"rendered":"So installieren und verwenden Sie PWAs mit Edge Insider"},"content":{"rendered":"<p>Um eine PWA mit Edge Insider zu installieren, klicken Sie in der Adressleiste auf die Schaltfl\u00e4che &#8222;Installieren&#8220;, die auf kompatiblen Sites automatisch angezeigt wird.<\/p>\n<h4>Gilt f\u00fcr alle Windows 10-Versionen<\/h4>\n<p>Da Edge auf Chromium neu erstellt wird, unterst\u00fctzt der Browser jetzt die \u201eInstallation&#8220; von Websites mit einem g\u00fcltigen Web-App-Manifest vollst\u00e4ndig. Diese Websites werden von Benutzern h\u00e4ufig als \u201ePWAs&#8220; bezeichnet, obwohl der Begriff tats\u00e4chlich eine breitere Palette von Technologien und Konzepten beschreibt. Die Installation von Web-Apps ist nur eine m\u00f6gliche Funktion einer PWA.<\/p>\n<p>Wenn Sie eine kompatible Site installieren, wird diese wie eine native App in Ihr System integriert. Unter Windows 10 wird die App im Startmen\u00fc und in der App Einstellungen angezeigt.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-4953-604ab1b5c4c83.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-4953-604ab1b5c4c83.png\" alt=\"So installieren und verwenden Sie PWAs mit Edge Insider\" ><\/a><\/p>\n<p>Die erste Herausforderung besteht darin, eine Website zu finden, die ein Web-App-Manifest darstellt und sich selbst installierbar macht. Microsoft vereinfacht dies, indem es das Web automatisch nach solchen Websites <a href=\"https:\/\/blogs.windows.com\/msedgedev\/2018\/02\/06\/welcoming-progressive-web-apps-edge-windows-10\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">durchsucht<\/a> und <a href=\"https:\/\/blogs.windows.com\/msedgedev\/2018\/02\/06\/welcoming-progressive-web-apps-edge-windows-10\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">App-Listen<\/a> im Microsoft Store erstellt. In diesem Handbuch konzentrieren wir uns jedoch auf die Installation von Apps \u00fcber den Edge-Browser, w\u00e4hrend Sie das Web verwenden.<\/p>\n<p>Edge identifiziert Websites, die installiert werden k\u00f6nnen. Nachdem Sie auf einer Seite mit einem Web-App-Manifest gelandet sind, wird in der Adressleiste kurz die Schaltfl\u00e4che &#8222;Installieren&#8220; angezeigt. Nach einigen Sekunden wird das Symbol \u201e+&#8220; angezeigt.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-4953-604ab1b7e6bd5.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-4953-604ab1b7e6bd5.png\" alt=\"So installieren und verwenden Sie PWAs mit Edge Insider\" ><\/a><\/p>\n<p>Klicken Sie auf die Schaltfl\u00e4che oder das Symbol, um die Installationsaufforderung anzuzeigen. Klicken Sie auf &#8222;Installieren&#8220;, um es Ihrem System hinzuzuf\u00fcgen. Die App wird dann wie jede andere App auf Ihrem Computer in einem eigenen Fenster gestartet. Sie werden sehen, dass die Site jetzt mit ihrer eigenen Identit\u00e4t in der Taskleiste angezeigt wird. \u00d6ffnen Sie das Startmen\u00fc und Sie sehen einen neuen Eintrag f\u00fcr die App.<\/p>\n<p>Sie k\u00f6nnen die App jetzt in ihrem eigenst\u00e4ndigen Kontext verwenden, ohne Edge Insider \u00f6ffnen zu m\u00fcssen. In Wirklichkeit ist es immer noch die Chromium-Browser-Engine von Edge, die die Seite rendert, aber sie sieht aus und f\u00fchlt sich an wie eine einzigartige App.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-4953-604ab1ba6fecb.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-4953-604ab1ba6fecb.png\" alt=\"So installieren und verwenden Sie PWAs mit Edge Insider\" ><\/a><\/p>\n<p>Sie k\u00f6nnen die PWA unbegrenzt auf Ihrem System installiert lassen. Es sollte im Laufe der Zeit automatisch aktualisiert werden, da die Site-Entwickler die Site aktualisieren, von der es gesteuert wird. Die meisten &#8211; aber nicht unbedingt alle &#8211; PWAs funktionieren auch offline, ein weiteres \u201eApp-\u00e4hnliches&#8220; Merkmal, das durch moderne Web-APIs erm\u00f6glicht wird.<\/p>\n<p>Wenn es an der Zeit ist, die PWA zu deinstallieren, k\u00f6nnen Sie dies auf verschiedene Arten tun. Ein Ansatz besteht darin, die Windows 10-Einstellungen-App zu verwenden oder im Startmen\u00fc mit der rechten Maustaste auf die App zu klicken und &#8222;Deinstallieren&#8220; zu w\u00e4hlen. Sie k\u00f6nnen auch innerhalb der PWA selbst deinstallieren. Klicken Sie oben rechts auf das Men\u00fcpunktsymbol und klicken Sie auf &#8222;Deinstallieren&#8220;. Dies beinhaltet auch eine Option zum direkten \u00d6ffnen der App in Edge Insider, falls Sie der PWA f\u00fcr ein traditionelles Surferlebnis entkommen m\u00f6chten.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.onmsft.com\" class=\"external external_icon\">www.onmsft.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Da Edge auf Chromium neu erstellt wird, unterst\u00fctzt der Browser jetzt die \u201eInstallation\u201c von Websites mit einem g\u00fcltigen Web-App-Manifest vollst\u00e4ndig. Diese Websites werden von Benutzern h\u00e4ufig als \u201eP\u2026<\/p>\n","protected":false},"author":1,"featured_media":146538,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[1540],"tags":[3058],"class_list":["post-132079","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wie-man","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/posts\/132079","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/comments?post=132079"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/posts\/132079\/revisions"}],"predecessor-version":[{"id":315257,"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/posts\/132079\/revisions\/315257"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/media\/146538"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/media?parent=132079"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/categories?post=132079"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/tags?post=132079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}