Pengalaman web layar ganda

Microsoft Edge, didukung oleh Chromium, menyediakan fondasi yang kuat dan kompatibel untuk pengalaman situs web dan aplikasi web di seluruh perangkat. Ini termasuk dukungan layar ganda baru saat berjalan di Surface Duo.

  • Standar web baru untuk tata letak layar ganda: Anda dapat menggunakan primitif CSS untuk tata letak layar ganda atau API segmen viewport JavaScript untuk mendeteksi beberapa tampilan dan menjabarkan konten web di seluruhnya.

  • Pengujian di Surface Duo atau emulator: Saat standar web baru dalam pratinjau, ikuti petunjuk berikut untuk mengaktifkan dukungan layar ganda pada Surface Duo atau di emulator.

  • Membangun dan menguji di Desktop: Anda juga dapat membangun dan menguji pengalaman web layar ganda di desktop dengan Edge atau Chrome. Ikuti petunjuk ini untuk mengaktifkan alat pengembang layar ganda.

  • Web Apps progresif: PWAs didukung di luar kotak di Microsoft Edge baru, yang dapat diinstal langsung dari browser di Android. PWAs akan mendukung fitur dan alat tata letak layar ganda yang sama dengan browser.

Sumber Daya Tambahan:

Dalam Pengantar perangkat layar ganda, kami menguraikan beberapa cara untuk menggunakan fitur dan teknik yang ada untuk membuat aplikasi Anda lebih baik di perangkat layar ganda. Gunakan dokumentasi yang ada ini untuk mempelajari selengkapnya tentang menerapkan fitur-fitur ini di aplikasi web.

Fitur Untuk informasi selengkapnya, lihat...
Tata letak aplikasi responsif Blok penyusun desain responsif (Mozilla)
Mendukung berbagai input PointerEvent (Mozilla)
Seret dan letakkan HTML Drag and Drop API (Mozilla)
Gambar dalam gambar untuk media Gambar dalam Gambar (W3C)
Sampel gambar dalam gambar (Chrome)