{"id":121336,"date":"2021-11-06T18:09:00","date_gmt":"2021-11-06T15:09:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=121336"},"modified":"2025-03-15T04:02:01","modified_gmt":"2025-03-15T01:02:01","slug":"hur-man-installerar-och-anvander-pwa-med-edge-insider","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/sv\/hur-man-installerar-och-anvander-pwa-med-edge-insider\/","title":{"rendered":"Hur man installerar och anv\u00e4nder PWA med Edge Insider"},"content":{"rendered":"

F\u00f6r att installera en PWA med Edge Insider, klicka p\u00e5 knappen ”Installera” i adressf\u00e4ltet som visas automatiskt p\u00e5 kompatibla webbplatser.<\/p>\n

G\u00e4ller alla Windows 10-versioner<\/h4>\n

N\u00e4r Edge byggs om p\u00e5 Chromium st\u00f6der webbl\u00e4saren nu ”installation” av webbplatser med ett giltigt webbapp-manifest. Dessa webbplatser kallas ofta av anv\u00e4ndare som ”PWAs”, \u00e4ven om termen faktiskt beskriver en bredare upps\u00e4ttning tekniker och koncept. Webbappinstallation \u00e4r bara en m\u00f6jlig funktion i en PWA.<\/p>\n

N\u00e4r du v\u00e4ljer att installera en kompatibel webbplats integreras den i ditt system p\u00e5 samma s\u00e4tt som en inbyggd app. I fallet med Windows 10 resulterar detta i att appen visas i Start-menyn och i appen Inst\u00e4llningar.<\/p>\n

\"Hur<\/a><\/p>\n

Den f\u00f6rsta utmaningen \u00e4r att hitta en webbplats som presenterar ett webbapp manifest och d\u00e4rmed g\u00f6r sig sj\u00e4lv installerbar. Microsoft f\u00f6renklar detta genom att automatiskt leta efter webben efter s\u00e5dana webbplatser och skapa applistor<\/a> i Microsoft Store. F\u00f6r den h\u00e4r guiden fokuserar vi dock p\u00e5 att installera appar via Edge-webbl\u00e4saren n\u00e4r du anv\u00e4nder webben.<\/p>\n

Edge identifierar webbplatser som kan installeras. N\u00e4r du har landat p\u00e5 en sida med ett webbapp-manifest ser du knappen ”Installera” kort i adressf\u00e4ltet. Efter n\u00e5gra sekunder kondenseras den till en ”+” -ikon.<\/p>\n

\"Hur<\/a><\/p>\n

Klicka p\u00e5 knappen eller ikonen f\u00f6r att visa installationsprompten. Klicka p\u00e5 ”Installera” f\u00f6r att l\u00e4gga till det i ditt system. Appen startar sedan i sitt eget f\u00f6nster, som alla andra appar p\u00e5 din maskin. Du ser att webbplatsen nu visas med sin egen identitet i aktivitetsf\u00e4ltet. \u00d6ppna Start-menyn s\u00e5 ser du en ny post f\u00f6r appen.<\/p>\n

Du kan nu anv\u00e4nda appen i sitt frist\u00e5ende sammanhang utan att beh\u00f6va \u00f6ppna Edge Insider. I verkligheten \u00e4r det fortfarande Edge’s Chromium-webbl\u00e4sarmotor som renderar sidan, men det ser ut och k\u00e4nns som en unik app.<\/p>\n

\"Hur<\/a><\/p>\n

Du kan h\u00e5lla PWA installerat p\u00e5 ditt system p\u00e5 obest\u00e4md tid. Det b\u00f6r uppdateras automatiskt \u00f6ver tiden, eftersom webbplatsutvecklarna uppdaterar webbplatsen den drivs av. De flesta – men inte n\u00f6dv\u00e4ndigtvis alla – PWA: er kommer ocks\u00e5 att fungera offline, en annan ”appliknande” egenskap som m\u00f6jligg\u00f6rs av moderna webb-API: er.<\/p>\n

N\u00e4r det \u00e4r dags att avinstallera PWA kan du g\u00f6ra det p\u00e5 flera s\u00e4tt. Ett tillv\u00e4gag\u00e5ngss\u00e4tt \u00e4r att anv\u00e4nda Windows 10: s Inst\u00e4llningar-app eller att h\u00f6gerklicka p\u00e5 appen i Start-menyn och v\u00e4lja ”Avinstallera.” Du kan ocks\u00e5 avinstallera fr\u00e5n sj\u00e4lva PWA – klicka p\u00e5 menyprickikonen l\u00e4ngst upp till h\u00f6ger och tryck p\u00e5 ”Avinstallera”. Detta inneh\u00e5ller ocks\u00e5 ett alternativ f\u00f6r att \u00f6ppna appen i Edge Insider direkt, om du vill fly fr\u00e5n PWA f\u00f6r en traditionell surfupplevelse.<\/p>\n

Inspelningsk\u00e4lla: www.onmsft.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

N\u00e4r Edge byggs om ovanp\u00e5 Chromium st\u00f6der webbl\u00e4saren nu ”installation” av webbplatser med ett giltigt webbapp-manifest. Dessa webbplatser kallas ofta f\u00f6r anv\u00e4ndare som \u201cP …<\/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":[1072],"tags":[3063],"class_list":["post-121336","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hur","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/121336","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=121336"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/121336\/revisions"}],"predecessor-version":[{"id":318556,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/121336\/revisions\/318556"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/146538"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=121336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=121336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=121336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}