{"id":105189,"date":"2021-05-26T17:38:00","date_gmt":"2021-05-26T14:38:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=105189"},"modified":"2025-03-15T02:49:23","modified_gmt":"2025-03-14T23:49:23","slug":"sa-har-installerar-du-pwa-och-far-hopplistor-i-chrome-och-edge","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/sv\/sa-har-installerar-du-pwa-och-far-hopplistor-i-chrome-och-edge\/","title":{"rendered":"S\u00e5 h\u00e4r installerar du PWA och f\u00e5r hopplistor i Chrome och Edge"},"content":{"rendered":"<hr \/>\n<ul>\n<li>PWA \u00e4r progressiva webbappar, som i huvudsak \u00e4r ett s\u00e4tt f\u00f6r en utvecklare att erbjuda en skrivbordsgenv\u00e4g f\u00f6r en webbplats eller tj\u00e4nst.<\/li>\n<li>Med de senaste kanarieversionerna av Chrome och Edge \u00e4r det nu m\u00f6jligt att till och med ha valm\u00f6jligheter f\u00f6r PWA direkt fr\u00e5n hopplistan.<\/li>\n<li>Webbl\u00e4sare \u00e4r de viktigaste anslutningsverktygen. Det \u00e4r vettigt att l\u00e4ra sig mer om dem fr\u00e5n v\u00e5r <a href=\"https:\/\/windowsreport.com\/category\/browsers\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">webbl\u00e4sare<\/a>.<\/li>\n<li>Vi \u00e4lskar att skapa guider och hj\u00e4lpa dig. G\u00e5 till v\u00e5rt <a href=\"https:\/\/windowsreport.com\/category\/how-to\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Tech Tutorials Hub<\/a> f\u00f6r fler artiklar som den h\u00e4r.<\/li>\n<\/ul>\n<p><strong>F\u00f6r att \u00e5tg\u00e4rda olika PC-problem rekommenderar vi DriverFix:<\/strong> Denna programvara h\u00e5ller dina drivrutiner ig\u00e5ng, vilket skyddar dig fr\u00e5n vanliga datorfel och maskinvarufel. Kontrollera alla dina f\u00f6rare nu i tre enkla steg:<\/p>\n<ol>\n<li><strong><a href=\"https:\/\/www.driverfix.com\/includes\/route.php?tracking=GUDF&#038;exec=run&#038;banner=top_restoro_non_selling&#038;adgroup=https:\/\/windowsreport.com\/install-pwa-jump-lists-chrome-and-edge\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Ladda ner DriverFix<\/a><\/strong> (verifierad nedladdningsfil).<\/li>\n<li>Klicka p\u00e5 <strong>Start Scan f\u00f6r<\/strong> att hitta alla problematiska drivrutiner.<\/li>\n<li>Klicka p\u00e5 <strong>Uppdatera drivrutiner f\u00f6r<\/strong> att f\u00e5 nya versioner och undvika systemfel.<\/li>\n<\/ol>\n<ul>\n<li>DriverFix har laddats ner av 502 786 l\u00e4sare den h\u00e4r m\u00e5naden.<\/li>\n<\/ul>\n<p>PWA \u00e4r <a href=\"https:\/\/windowsreport.com\/download-pwa-microsoft-store\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">progressiva webbappar<\/a>, som i huvudsak \u00e4r ett s\u00e4tt f\u00f6r en utvecklare att erbjuda en skrivbordsgenv\u00e4g f\u00f6r en webbplats eller tj\u00e4nst.<\/p>\n<p>Med de senaste kanarief\u00e5gel versionerna av <a href=\"https:\/\/windowsreport.com\/google-chrome\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Chrome<\/a> och <a href=\"https:\/\/windowsreport.com\/edge\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Edge<\/a>, \u00e4r det nu m\u00f6jligt att \u00e4ven ha alternativ f\u00f6r PWAS direkt fr\u00e5n urvals <a href=\"https:\/\/windowsreport.com\/jump-lists-start-menu-windows-10\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Jump List<\/a>.<\/p>\n<p>Hopplistan \u00e4r den meny som du f\u00e5r n\u00e4r du h\u00f6gerklickar p\u00e5 en applikationsikon i aktivitetsf\u00e4ltet.<\/p>\n<p>Nyligen lade Google och Microsoft till st\u00f6d f\u00f6r PWA i hopplistorna fr\u00e5n Chrome och Edge.<\/p>\n<h2>Hur kan jag installera PWA och aktivera hopplistor i Chrome?<\/h2>\n<p>F\u00f6rst m\u00e5ste du aktivera installerade PWA f\u00f6r att inkludera en meny med genv\u00e4gar som \u00e4r associerade med appikonen fr\u00e5n Chrome. F\u00f6r att g\u00f6ra det, f\u00f6lj f\u00f6ljande steg:<\/p>\n<ol>\n<li>\u00d6ppna Google Chrome Canary och skriv chrome: \/\/ flags \/ i adressf\u00e4ltet.<\/li>\n<li>I n\u00e4sta f\u00f6nster skriver du # aktivera-skrivbord-pwas-app-ikon-genv\u00e4gar-menyn i s\u00f6kf\u00e4ltet eller bara bl\u00e4ddra ner tills du hittar funktionen.<img decoding=\"async\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed4031b17.png\" alt=\"S\u00e5 h\u00e4r installerar du PWA och f\u00e5r hopplistor i Chrome och Edge\" \/><\/li>\n<li>Slutligen klickar du p\u00e5 knappen till h\u00f6ger och st\u00e4ller in den s\u00e5 att den aktiveras och startar sedan om webbl\u00e4saren.<\/li>\n<\/ol>\n<h3>Hur kan jag installera en PWA i Chrome och se dess hopplista?<\/h3>\n<p>Nu m\u00e5ste du g\u00e5 till en PWA och installera den. Google har f\u00f6rberett en <a href=\"https:\/\/sadchonks.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">testwebbplats<\/a>, <a href=\"https:\/\/sadchonks.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">sadchonks.com<\/a>, s\u00e5 vi kommer att spela med den. S\u00e5 h\u00e4r \u00e4r hur man g\u00f6r det.<\/p>\n<ol>\n<li>N\u00e4r du v\u00e4l har \u00f6ppnat webbplatsen kommer du att se ett plustecken till h\u00f6ger i adressf\u00e4ltet. Klicka p\u00e5 det.<img decoding=\"async\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed445bafa.png\" alt=\"S\u00e5 h\u00e4r installerar du PWA och f\u00e5r hopplistor i Chrome och Edge\" \/><\/li>\n<li>Du kommer att se en dialog som fr\u00e5gar dig om du vill installera appen. Klicka p\u00e5 installera.<br \/><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed4944b34.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-64350-604fed4944b34.png\" alt=\"S\u00e5 h\u00e4r installerar du PWA och f\u00e5r hopplistor i Chrome och Edge\" ><\/a><\/li>\n<li>Du \u00e4r bra att g\u00e5. Nu kommer du att se App-ikonen i aktivitetsf\u00e4ltet och om du h\u00f6gerklickar p\u00e5 den ser du alla m\u00f6jliga alternativ. Du kan se alla nya bilder, dina sparade val och du kan f\u00e4sta den i aktivitetsf\u00e4ltet.<img decoding=\"async\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed4d04e22.png\" alt=\"S\u00e5 h\u00e4r installerar du PWA och f\u00e5r hopplistor i Chrome och Edge\" \/><\/li>\n<\/ol>\n<p>Den tjocka kattappen \u00e4r bara ett dumt exempel men till exempel gjorde vi detsamma f\u00f6r Twitter.<\/p>\n<p>Efter att vi installerat Twitter-appen fr\u00e5n webbplatsen fick vi en mer anv\u00e4ndbar Jump List.<\/p>\n<p>Som du kan se p\u00e5 bilden nedan kan du enkelt g\u00e5 till en ny tweet, utforska, se aviseringar eller skicka ett direktmeddelande bara med ett h\u00f6gerklicka p\u00e5 ikonen i aktivitetsf\u00e4ltet.<img decoding=\"async\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed4f451e5.png\" alt=\"S\u00e5 h\u00e4r installerar du PWA och f\u00e5r hopplistor i Chrome och Edge\" \/><\/p>\n<h3>Hur kan jag installera PWA och aktivera hopplistor i Edge?<\/h3>\n<p>P\u00e5 samma s\u00e4tt som med Chrome m\u00e5ste du f\u00f6rst aktivera station\u00e4ra PWA i Edge Canary-byggnaden.<\/p>\n<ol>\n<li>\u00d6ppna Edge Canary och skriv edge: \/\/ flags \/ i adressf\u00e4ltet.<\/li>\n<li>I n\u00e4sta f\u00f6nster skriver du # aktivera-skrivbord-pwas-app-ikon-genv\u00e4gar-menyn i s\u00f6kf\u00e4ltet eller bara bl\u00e4ddra ner tills du hittar funktionen.<img decoding=\"async\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed529190b.png\" alt=\"S\u00e5 h\u00e4r installerar du PWA och f\u00e5r hopplistor i Chrome och Edge\" \/><\/li>\n<li>Slutligen klickar du p\u00e5 knappen till h\u00f6ger och st\u00e4ller in den s\u00e5 att den ska aktiveras och startar sedan om webbl\u00e4saren.<\/li>\n<\/ol>\n<h3>Hur kan jag installera en PWA i Edge och se dess hopplista?<\/h3>\n<p>F\u00f6r detta experiments skull kommer vi att anv\u00e4nda samma PWA som tillhandah\u00e5lls av Google, sadchonks.com.<\/p>\n<ol>\n<li>N\u00e4r du har \u00f6ppnat webbplatsen klickar du p\u00e5 plustecknet i kanten av adressf\u00e4ltet och v\u00e4ljer att installera appen.<img decoding=\"async\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed56dba24.png\" alt=\"S\u00e5 h\u00e4r installerar du PWA och f\u00e5r hopplistor i Chrome och Edge\" \/><\/li>\n<li>Det \u00e4r allt. Appikonen i aktivitetsf\u00e4ltet och om du h\u00f6gerklickar p\u00e5 den ser du alternativen precis som om du installerar den med Chrome-webbl\u00e4saren.<\/li>\n<\/ol>\n<p>Om du antingen installerar PWA med Chrome eller Edge, kommer du ocks\u00e5 att se appen i startmenyn.<img decoding=\"async\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed5b626b4.png\" alt=\"S\u00e5 h\u00e4r installerar du PWA och f\u00e5r hopplistor i Chrome och Edge\" \/><\/p>\n<p>Installerade du n\u00e5gra PWA? Gillar du alternativet Hopplista f\u00f6r PWA? Vad tycker du om dem? L\u00e4mna oss en rad med dina tankar i kommentarf\u00e4ltet nedan.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/windowsreport.com\" class=\"external external_icon\">windowsreport.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Med de senaste kanarieversionerna av Chrome och Edge har PWA: er valm\u00f6jligheter direkt fr\u00e5n hopplistan. Vi visar dig hur du g\u00f6r det.<\/p>\n","protected":false},"author":1,"featured_media":135220,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[1410],"tags":[3063],"class_list":["post-105189","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webblasare","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/105189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=105189"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/105189\/revisions"}],"predecessor-version":[{"id":317401,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/105189\/revisions\/317401"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/135220"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=105189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=105189"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=105189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}