harvis
web app

harvis.dev'i uygulama olarak yükle

harvis.dev bir web manifestiyle geliyor, yani tarayıcın onu diğer uygulamalar gibi yükleyebilir — kendi penceresi, dock'ta ya da ana ekranda kendi simgesi. Uygulama mağazası yok, kurulum dosyası yok, izin yok.

why bother

Yükleyince ne değişiyor

  • Kendi penceresi

    Sekme yok, adres çubuğu yok. Yükleyici ve panelin, uygulama değiştiricide kendi yeri olan tertemiz bağımsız bir pencerede açılıyor.

  • Tek dokunuşla yayına

    Dock'ta, görev çubuğunda ya da ana ekranda bir simge. Aç, klasörü bırak; pencere daha yerine oturmadan site yayında olur.

  • İndirilecek bir şey yok

    Şu an okuduğun sitenin ta kendisi — yükleme sadece simgeyi ve pencereyi ekliyor. Paket yok, mağaza hesabı yok, onaylanacak arka plan güncellemesi yok.

Nasıl yüklenir

Bunu okuduğun tarayıcıyı seç. Hangi yolu izlersen izle sonuç aynı: harvis.dev yerel uygulamalarının yanında.

Masaüstünde Chrome, Edge veya Brave

  1. 01Adres çubuğunun sağ ucuna bak — aşağı oklu küçük monitör simgesi yükleme simgesidir.
  2. 02Simge yok mu? Tarayıcı menüsünü aç ve “Sayfayı uygulama olarak yükle” seçeneğini seç (Edge'de: Uygulamalar → Bu siteyi uygulama olarak yükle).
  3. 03Onayla; harvis.dev kendi penceresinde açılır ve uygulama listende belirir.

Android'de Chrome

  1. 01Sağ üstteki ⋮ menüsüne dokun.
  2. 02“Ana ekrana ekle”yi seç, ardından “Yükle”ye dokun.
  3. 03Simge ana ekrana iner ve hiçbir tarayıcı çerçevesi olmadan açılır.

iPhone ve iPad'de Safari

  1. 01Paylaş düğmesine dokun — yukarı oklu kare.
  2. 02Sayfayı kaydır, “Ana Ekrana Ekle”ye, sonra “Ekle”ye dokun.
  3. 03iOS aynı manifesti okur ama hiç istem göstermez; tek yol bu.

Mac'te Safari

  1. 01harvis.dev'i normal bir sekmede aç.
  2. 02Menü çubuğundan Dosya → Dock'a Ekle'yi seç, ad ver ve Ekle'ye tıkla.
  3. 03macOS Sonoma veya üzeri gerekir — daha eski Safari sürümleri web uygulaması yükleyemez.

Masaüstü Firefox web uygulaması yüklemeyi kaldırdı; en yakın seçenek yer imi. Android'deki Firefox'un menüsünde “Ana ekrana ekle” hâlâ duruyor.

Manifestte ne var

Yüklemenin tamamı /site.webmanifest adresinden sunulan tek bir dosyaya bağlı. Tarayıcılar oradan uygulamanın adını, hangi simgeyi kullanacağını ve pencerenin nasıl açılacağını okur.

site.webmanifest
{
  "name": "harvis.dev",
  "short_name": "harvis.dev",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#13161a",
  "theme_color": "#13161a",
  "icons": [
    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
    { "src": "/icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
  ]
}

Tarayıcı çerçevesini kaldıran alan “standalone”; maskable simge ise Android'in kendi biçimine göre kırptığı simge.

Kendi siteni de yüklenebilir yap

harvis.dev'de yayımladığın her şey aynı şekilde yüklenebilir. index.html'in yanına bir manifest.json koy, head içinden ona işaret et ve 192px ile 512px birer simge ekle — gereken tek şey bu.

html
<!-- index.html -->
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#13161a">

Tarayıcılar yükleme önermeden önce HTTPS de ister. Her harvis.dev adresi zaten HTTPS üzerinden sunuluyor, ayarlanacak bir şey yok.

Bir site yayımlaTüm indirmeler