Microsoft Edge Hadirkan Fitur Baru untuk Developer Web

Pembaruan Microsoft Edge untuk pengembangan web mencakup pengukuran performa, debugging, interaksi dengan agen AI, dan pengeditan teks. Namun, tingkat ketersediaannya tidak sama: beberapa kemampuan tercantum dalam dokumentasi Edge atau DevTools, sebagian ditujukan untuk uji coba, dan elemen menu native yang direncanakan belum layak dijadikan andalan untuk produksi. 16333940

Mengukur interaksi yang lambat di aplikasi satu halaman

Metrik pemuatan halaman biasa belum tentu menggambarkan pengalaman pengguna di aplikasi satu halaman atau single-page app (SPA). Di aplikasi seperti ini, pengguna bisa berpindah tampilan tanpa memuat dokumen baru. Performance API di Edge menambahkan dua jenis entri untuk membantu mengukur perubahan tersebut: soft-navigation mencatat perubahan riwayat dalam dokumen yang sama akibat interaksi, sedangkan interaction-contentful-paint mencatat kemunculan konten baru pada bagian halaman yang berubah setelah interaksi. 40

Catatan rilis Edge juga menjelaskan heuristik soft navigation untuk mengumpulkan metrik performa SPA. Entri ini membantu developer menyelidiki kapan perpindahan dalam aplikasi terjadi dan kapan konten hasilnya muncul. Fungsinya sebagai sinyal diagnostik, bukan perbaikan performa otomatis. 3940

Memahami aktivitas browser saat membuat profil JavaScript

Penanda JavaScript Self-Profiling memberi konteks tentang pekerjaan browser di antara sampel JavaScript, termasuk aktivitas seperti pengaturan gaya, tata letak, pengecatan, dan pengumpulan sampah memori. Dengan begitu, developer dapat membedakan waktu yang digunakan untuk menjalankan kode aplikasi dari waktu yang digunakan browser untuk pekerjaan lainnya. Periksa dokumentasi Edge dan ketersediaan fitur terkini sebelum mengandalkannya dalam alur kerja produksi. 1

Mengirim ulang dan mengedit permintaan jaringan di DevTools

Perintah Resend di alat Network mengirim kembali permintaan yang sudah direkam tanpa memuat ulang halaman. Ini berguna untuk memeriksa perilaku permintaan saat dicoba lagi. 18

Alur Edit and resend as Fetch memungkinkan developer mengubah permintaan yang direkam, lalu mencobanya sebagai panggilan fetch() di Console. Fitur ini memudahkan debugging request, tetapi tidak mempercepat koneksi jaringan. Pembaruan developer Microsoft menjelaskan alur yang lebih baru, sementara dokumentasi Edge menerangkan cara mengirim ulang permintaan. 118

Menyiapkan situs untuk agen penjelajah dengan WebMCP

WebMCP adalah pendekatan yang sedang berkembang agar situs dapat menyediakan tindakan terstruktur untuk digunakan agen penjelajah. Tujuannya, agen bisa berinteraksi dengan situs melalui alat atau tindakan yang dinyatakan secara eksplisit, bukan hanya mengandalkan pemahaman visual atas halaman. Microsoft menyebut WebMCP sebagai fitur awal untuk diuji. Karena itu, anggaplah fitur ini masih eksperimental dan jangan berasumsi semua pengguna sudah dapat mengaksesnya. 1

Membuat interaksi teks yang lebih kaya dengan OpaqueRange

OpaqueRange mewakili rentang teks yang terus mengikuti perubahan nilai di dalam <input> berbasis teks atau <textarea>. Developer dapat memakainya untuk membuat interaksi yang terkait dengan bagian teks tertentu di kontrol formulir, misalnya menempatkan antarmuka terkait atau memberi sorotan, tanpa membuka struktur internal node teks kontrol tersebut. OpaqueRange tercantum dalam pembaruan platform web Edge 152. 133

Menguji Web Install API dengan cermat

Web Install API memungkinkan situs meminta pemasangan aplikasi web lain melalui fungsi asinkron navigator.install() dan pengalaman instalasi bawaan browser. Microsoft mengumumkan API ini tersedia untuk pengujian melalui origin trial di Edge. Origin trial adalah jalur uji coba, bukan jaminan bahwa fitur telah didukung secara luas di semua browser. 6

Elemen menu native masih berupa rencana

Microsoft juga memaparkan rencana elemen <menu> native yang ditujukan untuk menyediakan perilaku menu bawaan. Karena masih berupa rencana, developer sebaiknya tidak menganggapnya tersedia secara umum atau membangun fungsi produksi yang bergantung padanya sebelum dukungannya dipastikan. 1

Fitur yang bisa dicoba developer

Untuk mulai bereksperimen, dokumentasi Edge menjelaskan cara mengirim ulang permintaan lewat DevTools, dan catatan rilis Edge 152 mencantumkan OpaqueRange. Web Install API memiliki jalur uji coba origin trial yang telah diumumkan. Untuk metrik soft navigation, WebMCP, dan penanda JavaScript profiling, periksa versi Edge serta persyaratan uji coba terkini sebelum mengandalkannya. Elemen menu native masih sebatas rencana. 1618333940