Microsoft Edge menambah cara untuk mengukur peralihan dalam aplikasi satu halaman (SPA), memahami kerja pelayar semasa pemprofilan JavaScript dan mengulang permintaan rangkaian dalam DevTools. Entri soft navigation dan interaction contentful paint membantu pembangun melihat peralihan dalam halaman serta masa kandung...
Diterbitkan olehDisunting dengan GPT-6 LunaImej dijana dengan GPT Image 2
Research answer

Create a landscape editorial hero image for this Studio Global article: What new Microsoft Edge web-development features has Microsoft announced to improve slow single-page apps, diagnose JavaScript and network p. Article summary: Microsoft’s announcements address two different needs: measuring where single-page apps feel slow, and giving developers better tools for debugging and building interactive experiences. They are at different stages—some . Topic tags: general, general web, documentation. Style: premium digital editorial illustration, source-backed research mood, clean composition, high detail, modern web publication hero. Use reference image context only for broad subject, composition, and topical grounding; do not copy the exact image. Avoid: logos, brand marks, copyrighted characters, real person likenesses, fake screenshots, UI text, readable text, watermarks, charts with fak
Kemas kini pembangunan web Microsoft merangkumi pengukuran prestasi, penyahpepijatan, interaksi dengan ejen AI dan penyuntingan teks. Perkara penting untuk pembangun ialah tahap ketersediaannya: sesetengah ciri disenaraikan dalam nota keluaran Edge atau dokumentasi DevTools, sesetengahnya masih untuk percubaan, dan elemen menu natif yang dicadangkan belum wajar dijadikan sandaran untuk produk produksi. 1
6
33
39
40
Metrik muatan halaman biasa tidak menceritakan keseluruhan pengalaman menggunakan aplikasi satu halaman (SPA). Dalam SPA, pengguna boleh beralih antara paparan tanpa memuatkan dokumen baharu. Performance API dalam Edge kini menyediakan dua jenis entri untuk membantu pembangun meneliti peralihan tersebut: soft-navigation melaporkan perubahan sejarah dalam dokumen yang sama yang dicetuskan oleh interaksi, manakala interaction-contentful-paint melaporkan paparan kandungan baharu pada bahagian halaman yang berubah selepas interaksi. 40
Nota keluaran Edge turut menerangkan heuristik soft navigation untuk mengumpulkan metrik prestasi SPA. Entri ini boleh membantu pembangun mengenal pasti bila peralihan dalam aplikasi berlaku dan bila kandungan susulannya dipaparkan. Namun, ia ialah petunjuk untuk diagnosis—bukan pembaikan prestasi automatik. 39
40
Penanda JavaScript Self-Profiling memberikan konteks tentang kerja yang dilakukan pelayar antara sampel JavaScript, termasuk penggayaan, susun atur, lukisan dan kutipan sampah memori. Maklumat ini boleh membantu pembangun membezakan masa yang digunakan untuk menjalankan kod aplikasi daripada masa yang digunakan untuk kerja lain oleh pelayar. Semak dokumentasi Edge dan ketersediaan ciri semasa sebelum bergantung padanya dalam aliran kerja produksi. 1
Arahan Resend dalam alat Network menghantar semula permintaan yang dirakam tanpa perlu memuatkan semula halaman. Ini berguna untuk menyemak tingkah laku sesuatu permintaan apabila dicuba sekali lagi. 18
Aliran kerja lebih baharu, Edit and resend as Fetch, membolehkan pembangun mengubah permintaan yang dirakam dan mencubanya sebagai panggilan fetch() dalam Console. Ciri ini memudahkan penyahpepijatan permintaan, tetapi tidak mempercepatkan sambungan rangkaian itu sendiri. Kemas kini pembangun Microsoft menerangkan aliran kerja tersebut, manakala dokumentasi Edge menerangkan cara menghantar semula permintaan. 1
18
WebMCP ialah pendekatan baharu yang membolehkan laman mendedahkan tindakan berstruktur untuk digunakan oleh ejen pelayaran. Tujuannya ialah membantu ejen berinteraksi dengan laman melalui alat atau tindakan yang dinyatakan secara jelas, bukan hanya bergantung pada tafsiran visual halaman. Microsoft memperkenalkan WebMCP sebagai ciri awal untuk diuji; anggap ia masih bersifat eksperimen dan jangan andaikan ia tersedia kepada semua pengguna. 1
OpaqueRange mewakili julat teks secara langsung dalam nilai <input> berasaskan teks atau <textarea>. Pembangun boleh menggunakan julat ini untuk membina interaksi yang tertumpu pada teks dalam kawalan borang—contohnya, meletakkan antara muka berkaitan atau menyerlahkan teks—tanpa mendedahkan struktur dalaman nod teks kawalan tersebut. Microsoft menyenaraikan OpaqueRange dalam kemas kini platform web Edge 152. 1
33
Web Install API membolehkan laman meminta pemasangan aplikasi web lain melalui fungsi tak segerak navigator.install(), menggunakan pengalaman pemasangan terbina dalam pelayar. Microsoft mengumumkan bahawa API ini boleh diuji melalui percubaan asal (origin trial) Edge. Percubaan asal ialah laluan untuk menguji ciri, bukannya jaminan bahawa ciri itu disokong secara meluas oleh semua pelayar. 6
Microsoft turut menggariskan rancangan untuk elemen natif <menu> yang bertujuan menyediakan tingkah laku menu terbina dalam. Oleh sebab ciri ini masih dirancang, pembangun tidak sepatutnya menganggapnya tersedia secara umum atau membina fungsi produksi yang bergantung padanya sehingga sokongan disahkan. 1
Untuk percubaan praktikal, dokumentasi Edge menerangkan cara menghantar semula permintaan dalam DevTools, manakala nota keluaran Edge 152 menyenaraikan OpaqueRange. Web Install API pula mempunyai laluan ujian melalui percubaan asal. Bagi metrik soft navigation, WebMCP dan penanda pemprofilan JavaScript, semak versi semasa serta syarat ujian sebelum bergantung padanya. Elemen menu natif masih dalam perancangan. 1
6
18
33
39
40
Studio Global AI
This page includes a source-backed answer you can continue inside Studio Global.
Microsoft Edge menambah cara untuk mengukur peralihan dalam aplikasi satu halaman (SPA), memahami kerja pelayar semasa pemprofilan JavaScript dan mengulang permintaan rangkaian dalam DevTools.
Microsoft Edge menambah cara untuk mengukur peralihan dalam aplikasi satu halaman (SPA), memahami kerja pelayar semasa pemprofilan JavaScript dan mengulang permintaan rangkaian dalam DevTools. Entri soft navigation dan interaction contentful paint membantu pembangun melihat peralihan dalam halaman serta masa kandungan baharu dipaparkan selepas interaksi.
OpaqueRange menyokong julat teks dalam kawalan borang, manakala WebMCP ialah ciri awal untuk membolehkan laman mendedahkan tindakan berstruktur kepada ejen pelayaran.