Generator manifestu PWA

manifest.json z ikonami, kolorami i trybem wyświetlania

Bezpieczne (SSL)

Przetwarzanie Lokalne

100% Darmowe

Przejdź do narzędzia

Instrukcja

1

Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku.
2

Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce.
3

Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.

                                                function runTool() {

                                                  return "Wynik gotowy w 0.1s";

                                                }

Nazwa aplikacji

Krótka nazwa

Opis

start_url

scope

display

orientation

theme_color

background_color

lang

Kategorie (przecinek)

Ikony („ścieżka; rozmiar; typ; purpose”)

Ikon: 3

{
    "name": "My App",
    "short_name": "MyApp",
    "description": "Nowoczesna aplikacja webowa (PWA).",
    "start_url": "/",
    "scope": "/",
    "display": "standalone",
    "orientation": "portrait",
    "theme_color": "#4f6df5",
    "background_color": "#ffffff",
    "lang": "pl",
    "categories": [
        "productivity",
        "utilities"
    ],
    "icons": [
        {
            "src": "/icons/icon-192.png",
            "sizes": "192x192",
            "type": "image/png",
            "purpose": "any"
        },
        {
            "src": "/icons/icon-512.png",
            "sizes": "512x512",
            "type": "image/png",
            "purpose": "any"
        },
        {
            "src": "/icons/maskable-512.png",
            "sizes": "512x512",
            "type": "image/png",
            "purpose": "maskable"
        }
    ]
}

Plik manifest.json zapisz w katalogu głównym i podlinkuj w <head>: <link rel="manifest" href="/manifest.json">. Ikona maskable pozwala systemowi przyciąć grafikę do kształtu (okrąg, kwadrat). Do pełnego PWA potrzebny jest jeszcze service worker i HTTPS.

Oceń to narzędzie:

Powiązane narzędzia

Inne narzędzia, które mogą Ci się przydać