ChampionMATES

Kako instalirati progresivnu web aplikaciju (PWA)

Ove upute objašnjavaju kako instalirati lokalnu verziju progresivne web aplikacije (PWA), što ti omogućuje pristup aplikaciji izravno s uređaja bez otvaranja preglednika ili traženja web adrese. Nakon instalacije, jednostavno klikni ikonu aplikacije za trenutno korištenje.

Što je PWA?

Progresivna web aplikacija (PWA) je web stranica koja se može preuzeti na uređaj i koristiti kao aplikacija. Iako se može koristiti kao obična web stranica, instalacija donosi određene prednosti. Instalirana PWA može raditi i bez internetske veze te se prikazuje uz ostale aplikacije na uređaju. Proces instalacije ovisi o operativnom sustavu i pregledniku.

SAFARI

Instalacija PWA na iOS-u

PWA se na iOS-u može instalirati samo putem Safari preglednika. Prvo otvori stranicu u Safariju. Pritisni gumb "Dijeli" i odaberi "Dodaj na početni zaslon". Zatim pritisni "Dodaj" u gornjem desnom kutu. Aplikacija će se pojaviti na početnom zaslonu.

ScreenshotScreenshotScreenshot

Snimke zaslona koje prikazuju instalaciju PWA na iOS-u

CHROME

Instalacija PWA na Androidu

Chrome preglednik na Androidu podržava instalaciju PWA aplikacija. Prvo otvori stranicu u Chromeu. Pritisni ikonu s tri točke u gornjem desnom kutu. Odaberi "Dodaj na početni zaslon". Zatim pritisni "Dodaj" u prozoru. Aplikacija je sada instalirana.

ScreenshotScreenshotScreenshotScreenshot

Snimke zaslona koje prikazuju instalaciju PWA na Androidu

Instalacija PWA na Windows ili Mac računalu

Google Chrome i Microsoft Edge imaju najbolju podršku za PWA na Windows i Mac sustavima. Proces instalacije je sličan u oba preglednika. Otvori stranicu koju želiš instalirati. Ako je PWA dostupna, pojavit će se ikona u adresnoj traci. Klikni ikonu i zatim "Install". Također možeš koristiti izbornik s tri točke.


Na Windowsu će aplikacija biti dostupna u Start izborniku. Na Macu će se nalaziti u Launchpadu i Spotlight pretrazi.

Microsoft Edge
Screenshot

Snimke zaslona koje prikazuju instalaciju PWA na Microsoft Edge pregledniku

Safari
Screenshot

Snimke zaslona koje prikazuju instalaciju PWA na Safari pregledniku

Google Chrome
Screenshot

Snimke zaslona koje prikazuju instalaciju PWA na Google Chrome pregledniku