Hur man installerar en webbplats som en app – Progressive Web Apps

Hur man installerar en webbplats som en app - Progressive Web Apps

Visste du att du kunde installera ofta besökta webbplatser som appar i Windows, Mac och Linux? Ja, inte mer som gÄr ner pÄ din stationÀra eller bÀrbara dator genom att installera en horde programvara. Snarare nu kommer du att kunna utnyttja webblÀsarens teknik och resurser.

Tekniken kallas Progressive Web Apps (PWA). Det erbjuder ett sĂ€rskilt fönster och genvĂ€g till din webbplats pĂ„ startskĂ€rmen eller aktivitetsfĂ€ltet – precis som en app.

Spotify-appen frÄn Microsoft Store
Spotify webbapp

PWA Àr ett mycket tillförlitligt, snabbt och uppslukande tillvÀgagÄngssÀtt. De visar aviseringar, körs offline och till och med i vissa fall motiverar en bÀttre upplevelse Àn de inhemska motsvarigheterna.

SÄ utan mycket ado, lÄt oss komma till hur det fungerar.

Steg för att installera Progressive Web Apps

Jag har flyttat till Microsoft Edge Ànda sedan den uppfann sig sjÀlv med Chromium-motor. Kort sagt, det Àr liknande och av vissa skÀl bÀttre Àn Google Chrome. Av samma anledning fungerar dessa steg utan problem i Chrome. För den delen, frÄn vad jag har samlat fungerar det ocksÄ pÄ Firefox och Safari.

LÄS OCH: SĂ„ hĂ€r omvandlar du Internet-Internet till Android-telefon (utan rot)

Med det sagt, lĂ„t oss komma igĂ„ng –

    GĂ„ till vilken webbplats som helst som du vill konvertera till en PWA. Klicka pĂ„ menyn med tre punkter lĂ€ngst upp till höger bredvid din profilikon. I listan ser du ett alternativ som heter ‘Appar’. HĂ„ll muspekaren över den och frĂ„n menyn som öppnas, tryck pĂ„ ‘installera den hĂ€r webbplatsen som en app’. Webbplatsen förvandlas till ett fönster, dvs. appen. Nu kan du minimera den, maximera den, stĂ€nga den och anvĂ€nda den som en fristĂ„ende app. Om du trycker pĂ„ 3-punktsmenyn högst upp fĂ„r du en massa alternativ. Det som Ă€r viktigast Ă€r alternativet ‘avinstallera’ och öppna det igen i Microsoft Edge (eller webblĂ€saren du anvĂ€nder). Appen kommer att vara tillgĂ€nglig frĂ„n Start-menyn i Windows och kan avinstalleras, precis som alla andra vanliga 3rs-partiprogram pĂ„ ditt system.

I andra webblÀsare:

Krom

Om du Ă€r Chrome-anvĂ€ndare pĂ„ Linux eller Mac mĂ„ste du gĂ„ till krom: flaggor och sök efter den hĂ€r flaggan och vĂ€xla sedan pĂ„ den hĂ€r – # aktivera-skrivbord-pwas. Även i Windows Ă€r funktionsstödet lite tvivelaktigt. Du mĂ„ste vara pĂ„ en webbplats som erbjuder PWA, vilket Ă€r konstigt! SĂ„ frĂ„n min erfarenhet Ă€r funktionen bĂ€ttre tillgĂ€nglig och implementerad pĂ„ Edge.

NÀr det gÀller Firefox-anvÀndare kallas funktionen Site Specific Browser och Àr inaktiverad som standard. SÄ du mÄste först och frÀmst gÄ till Firefox-konfigurationsinstÀllningar genom att söka efter om: config.

Acceptera varningsmeddelandet och sök efter browser.ssb.enabled i baren. Klicka pĂ„ + -ikonen sĂ„ kommer alternativet att vara ‘sant’. Starta om Firefox och hoppa nu till vilken webbplats du vill anvĂ€nda som en app.

NĂ€r du vĂ€l Ă€r pĂ„ webbplatsen klickar du pĂ„ ikonen med tre punkter i URL-fĂ€ltet. Klicka pĂ„ ‘starta som webbplatsspecifik webblĂ€sare’. Gjort!

LÄS OCH: Netflix och Chill med vĂ€nner mitt i Social Distancing med detta trick!

Hur Ă€r den hĂ€r funktionen? Om du frĂ„gar mig Ă€r PWA som det bĂ€sta av tvĂ„ vĂ€rldar (webb och app). Även om det i UI och UX finns nĂ„gra ger och tar hĂ€r och dĂ€r. Men för det mesta Ă€r de en snygg hack! Jag har provat det pĂ„ en rad vanliga webbplatser och upplevelsen har varit en vind hittills.

Vad tror du? Prova och lÄt oss veta i kommentarerna.