Persyaratan aplikasi peramban web dan sistem operasi terbaru untuk situs reinhart1010.id
Pembaruan 2026-07-22: Kami mengoreksi kesalahan pada tujuan pemanfaatan Web App Manifest, serta mengganti kategori perangkat Home Media menjadi Smart Media. Informasi ini juga kini tersedia dalam Bahasa Indonesia.
Dalam beberapa bulan ke depan, kami akan mengadopsi teknologi Web yang lebih baru untuk situs web dan layanan reinhart1010.id.
Itu berarti bahwa situs web kami tidak akan lagi berfungsi atau dapat diakses pada browser web yang lebih tua.
Untuk sebagian besar pengguna, jika Anda menjalankan baik iOS, Smart TV[catatan:1], atau versi browser web yang dirilis dari 5 tahun yang lalu (2021), yakinlah bahwa mereka telah mendukung sebagian besar fitur Wajib dan Opsional di bawah ini
Legenda Dukungan Fitur
- 🟢 Fitur ini didukung secara luas sejak 2015-2018
- 🟡 Fitur ini didukung secara luas sejak 2019-2022
- 🔴 Fitur ini didukung secara luas sejak 2023-sekarang
- 🔷 Fitur ini didukung dalam syarat tertentu sebagaimana diwajibkan oleh aplikasi peramban atau sistem operasi pengguna
- 🔶 Fitur ini didukung kecuali oleh beberapa jenis aplikasi peramban atau sistem operasi pengguna
Fitur-Fitur Peramban Web Wajib
| Fitur web yang diperlukan | Didukung di browser utama di[catatan:2] | Lihat versi browser web yang didukung di | Keterangan |
|---|---|---|---|
| Kemasan font COLR/CPALv0 | 🟡 2021 | CanIUse | Digunakan untuk merender karakter emoji tertentu jika tidak didukung oleh sistem operasi host. Safari untuk macOS memerlukan macOS 10.13 High Sierra atau yang lebih baru. Tidak didukung di iOS atau Safari untuk macOS versi 170-171. |
Aturan clip-path dalam CSS | 🟡 2021 | MDN | Diperlukan untuk merender layout halaman web inti. |
| Variabel (Custom Properties) dalam CSS | 🟢 2018 | CanIUse | Diperlukan untuk memuat gaya tata letak dasar pada situs web inti. |
| Kustomisasi papan scroll dalam CSS | 🟡 2021 | MDN: -webkit-scrollbar(non-standar), scrollbar_color(standar), scrollbar_width(standar) | Untuk menghasilkan estetika yang diinginkan. Situs ini mendukung pemanfaatan fitur non-standar -webkit-scrollbar, maupun fitur standar CSS Scrollbar Styling Module Level 1 (2021, scrollbar_color, scrollbar_width). Fitur-fitur non-standar akan dinonaktifkan jika peramban mendukung fitur terstandar. |
Fungsi env dalam CSS | 🟡 2021 | CanIUse | Sering dipakai untuk mengoptimalkan tampilan laman bagi fitur fisik “notch” pada perangkat iPhone X. |
| Tata letak fleksibel (Flexbox) pada CSS | 🟢 2016 | CanIUse | Diperlukan untuk memuat gaya tata letak dasar pada situs web inti. |
Nilai alias font system-ui pada CSS | 🟢 2018 | CanIUse | Digunakan untuk menerapkan font antarmuka pengguna sistem operasi sans-serif default, seperti San Francisco / SF Pro untuk iOS dan macOS. |
| Tata letak Grid (Level 1) dalam CSS | 🟢 2018 | CanIUse | Diperlukan untuk memuat gaya tata letak dasar pada situs web inti. |
Fungsi matematika min(), max(), dan clamp() dalam CSS | 🟡 2021 | MDN | Diperlukan untuk memuat gaya tata letak dasar pada situs web inti. |
Aturan position: sticky pada CSS | 🟢 2018 | MDN | Diperlukan untuk memuat gaya tata letak dasar pada situs web inti. |
Kriteria penerapan aturan CSS dalam media (Media Query) prefers-color-scheme | 🟡 2021 | CanIUse | Diperlukan untuk mencocokkan tema situs web berdasarkan Mode Terang/Gelap pada sistem operasi pengguna. Mode gelap didukung oleh sistem operasi Android 10, GNOME 42, iOS 13, KDE Plasma 5.24, macOS 10.14 Mojave, Windows 10 versi 1809, atau yang lebih baru. Firefox untuk Android juga mendukung perangkat Android 9 melalui “Mode Malam” dalam Samsung One UI 1.0. |
Aturan @supports dalam CSS | 🟢 2016 | MDN | Sangat dibutuhkan untuk memuat gaya tata letak dan menonaktifkan aturan CSS berdasarkan fitur non-standar atau alternatif. |
Modul <details> dan <summary> dalam HTML | 🟡 2021 | CanIUse | Diperlukan untuk memuat fitur akordeon dalam antarmuka situs web, bebas JavaScript. |
Modul <input type="date">, <input type="datetime-local">, dan <input type="time"> (pemilihan tanggal dan waktu) dalam HTML | 🟡 2022 | CanIUse | Diperlukan untuk memuat tampilan pemilihan tanggal dan waktu, bebas JavaScript. |
Modul <input type="range"> (pemilihan nilai berdasarkan rentang) dalam HTML | 🟢 2017 | CanIUse | Diperlukan untuk memuat tampilan pemilihan nilai berdasarkan rentang nilai (seperti nilai rating), bebas JavaScript. |
| Sertifikat Pangkal (Root Certificate) ISRG Root X1 | 🟢 2017 | Let’s Encrypt | Diperlukan untuk mengakses situs yang terjaga dengan protokol HTTPS menggunakan sertifikat yang berasal dari Let’s Encrypt. |
Standar bahasa pemrograman JavaScript: ECMAScript 11 / ECMAScript 2020 (es2020) | 🟢 2021 | CanIUse: Daftar fitur baru dalam bahasa pemrograman ECMAScript 2020 (Bahasa Inggris) | Versi JavaScript minimum yang didukung dengan peralatan pengembangan situs web berbasis TypeScript dan Vite. |
| WebAssembly (WASM) | 🟢 2018 | CanIUse | Digunakan untuk memuat fitur dan pengalaman web tingkat lanjut termasuk fitur pemindaian QR Code®. |
| Format berkas gambar WEBP | 🟡 2021 | CanIUse | Peramban web juga perlu mendukung modul HTML <picture>. |
| Format berkas font WOFF 2.0 | 🟢 2017 | CanIUse | Dukungan dalam Safari dalam macOS membutuhkan macOS versi 11.0 Big Sur atau kemudian. |
Persyaratan tambahan untuk Fitur-Fitur Opsional.
Selain itu, kami menyarankan agar Anda juga menggunakan peramban web dan/atau sistem operasi terbaru untuk dapat menikmati beberapa fitur opsional berikut ini:
| Fitur web yang diperlukan | Didukung di browser utama di[catatan:2] | Lihat versi browser web yang didukung di | Keterangan |
|---|---|---|---|
| Format berkas font COLR/CPALv1 | 🔴🔶 2023 (kecuali iOS dan Safari) | CanIUse | Digunakan untuk merender emoji fallback jika tidak didukung oleh sistem operasi pengguna. |
Aturan backdrop-filter: blur dalam CSS | 🔴 2025 | MDN | Untuk menghasilkan estetika yang diinginkan. Fitur ini akan diaktifkan jika browser web menerima Aturan @supports dalam CSS. |
Aturan background-clip: text atau -webkit-background-clip: text dalam CSS | 🟢 2017 | MDN | Untuk menghasilkan estetika yang diinginkan. Fitur ini akan diaktifkan jika browser web menerima Aturan @supports dalam CSS. |
Fungsi color() dalam CSS dengan dukungan sintaks rona Display P3 atau OkLCH | 🔴 2024 | CanIUse | Untuk menghasilkan estetika yang diinginkan, mengaktifkan gamut rona lebih luas (jika didukung oleh layar fisik pengguna). Fitur ini akan diaktifkan jika browser web menerima Aturan @supports dalam CSS. |
Atribut corner-shape dalam CSS | 🔴🔶 2026 (kecuali iOS, Firefox, dan Safari) | MDN | Untuk menghasilkan estetika yang diinginkan. |
Atribut font-variant-emoji dalam CSS | 🔴🔶 2025 (kecuali iOS and Safari) | MDN | Digunakan untuk memaksa peramban web untuk memuat karakter baik sebagai simbol monokrom maupun emoji berwarna. |
Nilai font ui-serif, ui-sans-serif, ui-monospace, dan ui-rounded dalam CSS | 🟢🔷 2018 (hanya di iOS atau Safari) | CanIUse | Digunakan untuk menerapkan font antarmuka pengguna sistem operasi sans-serif default, yang saat ini khusus untuk iOS atau Safari (New York, SF Pro, SF Mono, SF Pro Rounded). |
| Algoritma pengompresan data Brotli | 🟢 2018 | CanIUse | Dipakai untuk mengompres data situs web selain algoritma gzip. |
Modul <input type="checkbox" switch="..."> (Saklar) dalam HTML | 🟢 2017 (hanya di iOS atau Safari) | CanIUse | Peramban yang tak mendukung ini akan memuat modul tersebut sebagai checkbox biasa. Diperlukan untuk integrasi fitur opsional WebHaptics. |
Atribut theme-color dalam HTML Meta Tag | 🔷🔶 Sebagian besar browser seluler atau browser web yang mendukung Progressive Web Apps (PWA) | CanIUse | Dukungan umum di iOS dicabut di iOS 26 dan kemudian. |
Kombinasi atribut theme-color dan prefers-color-scheme:"dark" dalam HTML Meta Tag | 🔷🔶 Sebagian besar browser seluler atau browser web yang mendukung Progressive Web Apps (PWA) | CanIUse | Untuk menghasilkan estetika yang diinginkan. Beberapa browser web akan mengabaikan atribut ini jika situs web tidak diinstal sebagai aplikasi web. Dukungan umum di iOS dicabut di iOS 26 dan kemudian. |
| Sertifikat Pangkal (Root Certificate) ISRG Root X2 | 🔴 2025 | Let’s Encrypt | Diperlukan untuk mengakses situs yang terjaga dengan protokol HTTPS menggunakan sertifikat yang berasal dari Let’s Encrypt. |
Atribut DOM navigator.pdfViewerEnabled dalam JavaScript | 🔴 2024 | MDN | Cara praktis untuk mengecek apakah peramban web memiliki fitur pratinjau berkas PDF tanpa mengunduh/menyimpan berkas terlebih dahulu. |
Modul DOM navigator.share (Web Share API) dalam JavaScript | 🔴🔶 2026 kecuali FreeDesktop.org (BSD, GNU/Linux)[catatan:3], Firefox untuk Desktop, atau Perangkat Media Pintar[catatan:1] | MDN | Digunakan untuk berbagi konten ke berbagai aplikasi yang terpasang dalam sistem operasi pengguna. |
Modul DOM navigator.vibrate (Vibration API) dalam JavaScript | 🟢🔶 2014 (Khusus Android 4.4.3 KitKat atau kemudian, kecuali Firefox untuk Android versi 79 atau kemudian) | MDN | Diperlukan untuk integrasi opsional WebHaptics. |
| Unicode Emoji Versi 13.0 | 🟡 2022 | Emojipedia | Versi yang disarankan untuk font yang dapat diinstal sistem operasi. Versi Emoji yang tidak didukung harus dirender dengan font cadangan berdasarkan dukungan COLR/CPALv0 dan COLR/CPALv1. |
| Web App Manifest | 🔴 2024 (kecuali Firefox) | MDN | Dipakai untuk membantu pemasangan aplikasi web dalam perangkat pengguna. |
| Algoritma kompresi Zstandard | 🔴 2027 | CanIUse | Dipakai untuk mengompres data situs web selain algoritma brotli dan gzip. Dukungan dalam Safari dalam macOS membutuhkan macOS versi 26.3 Tahoe atau kemudian. |
Notes
- [catatan:1] Dukungan fitur-fitur web dalam Perangkat Media Pintar, termasuk Smart Monitor, Smart TV, dan set-top-box (STB), berdasarkan informasi resmi yang diberikan oleh para penyedia perangkat atau platform Media Pintar:
- Android TV / Google TV berbasis Android 10 (2019) atau terkemudian
- Coolita OS 1.0 (2021, Chromium 79) (scribd.com)
- LG WebOS TV 6.x (2021, Chromium 79) (webostv.developer.lge.com)
- Samsung Tizen Smart TV 6.0 (2021, Chromium 76) (developer.samsung.com)
- Xbox One, Series X, Series S bergantung pada versi aplikasi Microsoft Edge yang terpasang (support.xbox.com)
- [catatan:2] Mayoritas nilai tahun dukungan diambil dari nilai estimasi Tahun Baseline (web.dev) ditambah satu tahun untuk memastikan dukungan yang lebih matang.
- [catatan:3] Freedesktop.org (juga dikenal sebagai XDG) adalah gerakan inisiatif interoperabilitas lintas Desktop Environment (DE) untuk sistem operasi berbasis Unix. Standarnya diadopsi secara luas di lingkungan desktop berbasis BSD dan GNU/Linux, termasuk Budgie, GNOME, KDE, LxQt, MATE, dan XFCE.