Bu araç ne işe yarar?
PWA uyumu için manifest linki, theme-color, Apple mobile capable ve Apple touch icon meta/link etiketlerini oluştur.
PWA ve Web Manifest Araçları
PWA Meta Tag Oluşturucu
Manifest, theme-color ve Apple mobile web app meta taglarını üret.
Online Araç
generator
PWA Meta Tag Oluşturucu
Çıktı burada görünür
Nasıl kullanılır?
- Uygulama adı, tema rengi, manifest yolu ve ikon yolunu gir.
- PWA Meta Tag Oluştur butonuna tıkla.
- Çıkan meta ve link etiketlerini kontrol et.
- Kodları HTML head alanına ekle.
- Mobil tarayıcıda tema rengi ve ikon görünümünü test et.
Örnek kullanım
Örnek girdi
app_name=Digital Gezgin
theme_color=#2563eb
manifest=/manifest.json
apple_icon=/icons/apple-touch-icon.pngÖrnek çıktı
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#2563eb">
<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">İpuçları
PWA meta tagleri Android ve iOS davranışlarını etkiler. iOS için apple-touch-icon ve mobile-web-app-capable ayarlarını ayrıca düşün.