UTILS.
%100 tarayıcıda
📱

Web Uygulaması Manifesti Oluşturucu (PWA)

İkonlar, tema renkleri ve görüntüleme moduyla geçerli bir PWA web uygulaması manifesti (manifest.json) oluşturun, artı yapıştırmaya hazır link rel=manifest etiketi.

— çıktı burada görünür —
— çıktı burada görünür —

Bu araç hakkında

Web Uygulaması Manifesti Oluşturucu, basit bir formdan bir Progresif Web Uygulaması için geçerli bir manifest.json oluşturur, sonra sayfa <head>'inize eklemeniz için tamamlayıcı HTML etiketlerini verir. Her şey tarayıcınızda birleştirilir ve hiçbir şey yüklenmez — JSON'u kopyalayabilir, manifest.json olarak indirebilir veya link ve meta etiketlerini kopyalayabilirsiniz.

Bir web uygulaması manifesti, bir sitenin bir ana ekrana yüklenmesini ve yerel bir uygulama gibi başlatılmasını sağlayan JSON dosyasıdır. Bu araç standart anahtarları birleştirir — name, short_name, description, start_url, scope, display (standalone, fullscreen, minimal-ui veya browser), orientation, theme_color, background_color ve bir icons dizisi — boş bıraktığınız herhangi bir alanı düşürerek çıktının temiz kalmasını sağlar. İşaretlediğiniz her ikon boyutu, src'si, sizes'ı ve type'ı (dosya uzantısından türetilir) olan bir giriş olur ve isteğe bağlı purpose, ikonları maskable olarak işaretlemenizi sağlar. Sonuç, iki boşluk girintisiyle JSON.stringify ile serileştirilir, böylece insan tarafından okunabilir ve standartlara uygundur.

İkon yolunda {size} yer tutucusunu kullanın (örneğin /icons/icon-{size}.png) ve 192x192 ve 512x512 gibi her boyutla değiştirilir. En azından bir manifest bir name, bir start_url, bir display modu ve en az bir 192px ve bir 512px ikon içermelidir ki bunlar burada varsayılanlardır. Sayfanızdan oluşturulan <link rel="manifest"> etiketiyle referans verin ve tarayıcı UI'si için theme-color meta'yı ekleyin.

Sık sorulan sorular

Web uygulaması manifesti nedir?
Progresif Web Uygulamanızı tanımlayan bir JSON dosyasıdır — adı, ikonları, renkleri ve nasıl başlaması gerektiği — böylece tarayıcılar onu ana ekrana yüklemeyi ve uygulama benzeri bir pencerede açmayı önerebilir.
Hangi alanlar zorunlu?
Kullanışlı bir manifest en azından name (veya short_name), bir start_url, bir display modu ve 192x192 ile 512x512 ikonlarına ihtiyaç duyar. Bu oluşturucu bunları varsayılan olarak doldurur; diğer alanlar isteğe bağlıdır ve boş bırakıldığında atlanır.
İkonlar için 'maskable' ne anlama gelir?
Maskable ikonlar güvenli dolgu içerir, böylece platformlar logonuzu kırpmadan onları dairelere, squircle'lara veya yuvarlatılmış karelere kesebilir. O güvenli bölgeyle tasarlanan ikonlar için purpose'u 'maskable' veya 'any maskable' olarak ayarlayın.
Manifesti siteme nasıl kurarım?
JSON'u manifest.json olarak kaydedin, sitenize yükleyin, sonra oluşturulan <link rel="manifest" href="/manifest.json"> ve theme-color meta etiketlerini her sayfanın <head>'ine ekleyin.

Daha fazla araç