harvis
web app

Pasang harvis.dev sebagai aplikasi

harvis.dev disertakan manifes web, jadi pelayar anda boleh memasangnya seperti mana-mana aplikasi lain — tetingkap sendiri, ikon sendiri pada dok atau skrin utama. Tiada kedai aplikasi, tiada pemasang, tiada kebenaran diminta.

why bother

Apa yang berubah selepas dipasang

  • Tetingkap sendiri

    Tiada tab, tiada bar alamat. Pemuat naik dan papan pemuka anda dibuka dalam tetingkap berasingan yang kemas, dengan tempatnya sendiri dalam penukar aplikasi.

  • Satu ketik untuk terbit

    Satu ikon pada dok, bar tugas atau skrin utama. Buka, lepaskan folder, dan laman itu sudah hidup sebelum tetingkap sempat tenang.

  • Tiada muat turun

    Ia laman yang sama seperti yang anda baca sekarang — pemasangan cuma menambah ikon dan tetingkap. Tiada bundle, tiada akaun kedai, tiada kemas kini latar untuk diluluskan.

Cara memasang

Pilih pelayar yang anda gunakan untuk membaca ini. Semua jalan berakhir sama: harvis.dev duduk di sebelah aplikasi asli anda.

Chrome, Edge atau Brave pada desktop

  1. 01Lihat hujung kanan bar alamat — ikon pasang berbentuk monitor kecil dengan anak panah ke bawah.
  2. 02Tiada ikon? Buka menu pelayar dan pilih “Pasang halaman sebagai apl” (Edge: Apl → Pasang tapak ini sebagai apl).
  3. 03Sahkan, dan harvis.dev akan dibuka dalam tetingkapnya sendiri serta muncul dalam pelancar aplikasi anda.

Chrome pada Android

  1. 01Ketik menu ⋮ di penjuru kanan atas.
  2. 02Pilih “Tambah ke skrin utama”, kemudian ketik “Pasang”.
  3. 03Ikon muncul pada skrin utama dan dibuka tanpa sebarang bingkai pelayar.

Safari pada iPhone dan iPad

  1. 01Ketik butang Kongsi — segi empat dengan anak panah ke atas.
  2. 02Tatal helaian itu, ketik “Tambah ke Skrin Utama”, kemudian “Tambah”.
  3. 03iOS membaca manifes yang sama tetapi tidak pernah memaparkan gesaan, jadi inilah satu-satunya jalan.

Safari pada Mac

  1. 01Buka harvis.dev dalam tab biasa.
  2. 02Pilih Fail → Tambah ke Dock pada bar menu, namakannya dan klik Tambah.
  3. 03Perlukan macOS Sonoma atau lebih baharu — Safari versi lama tidak boleh memasang aplikasi web.

Firefox desktop menghentikan pemasangan aplikasi web, jadi penanda halaman ialah yang paling hampir. Firefox pada Android masih ada “Tambah ke skrin utama” dalam menunya.

Apa yang ada dalam manifes

Seluruh pemasangan dipacu oleh satu fail sahaja, dihidangkan di /site.webmanifest. Pelayar membacanya untuk tahu nama aplikasi, ikon mana yang digunakan dan bagaimana tetingkap patut dibuka.

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" }
  ]
}

“standalone” ialah medan yang membuang bingkai pelayar; ikon maskable pula yang dipotong Android mengikut bentuknya sendiri.

Jadikan laman anda boleh dipasang

Apa sahaja yang anda terbitkan di harvis.dev boleh dipasang dengan cara yang sama. Letakkan manifest.json di sebelah index.html, rujuk ia daripada head, dan sertakan ikon 192px dan 512px — itu sahaja syaratnya.

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

Pelayar juga menuntut HTTPS sebelum menawarkan pemasangan. Setiap alamat harvis.dev sudah pun dihidangkan melalui HTTPS, jadi tiada apa-apa untuk dikonfigurasikan.

Terbitkan lamanSemua muat turun