ميزات Edge الجديدة تساعد المطورين على قياس الأداء وتصحيح الأخطاء

تغطي تحديثات Microsoft Edge للمطورين جوانب مختلفة من بناء المواقع: قياس الأداء في تطبيقات الصفحة الواحدة، وتشخيص عمل JavaScript وطلبات الشبكة، وتجربة تفاعلات جديدة مع وكلاء الذكاء الاصطناعي والنصوص. لكن هذه الميزات ليست كلها في المرحلة نفسها؛ فبعضها موثق ضمن إصدارات Edge أو أدوات المطور، وبعضها مخصص للتجربة، فيما لا يزال عنصر القائمة الأصلي المقترح خطة مستقبلية. 16333940

قياس الانتقالات البطيئة داخل تطبيقات الصفحة الواحدة

في تطبيق الصفحة الواحدة، قد ينتقل المستخدم بين شاشات مختلفة من دون تحميل مستند جديد. لذلك لا تكفي مقاييس تحميل الصفحة التقليدية دائمًا لفهم ما يحدث بعد كل تفاعل.

تضيف واجهة Performance API نوعين من الإدخالات لمتابعة هذه الحالات: يرصد soft-navigation تغييرات سجلّ التصفح داخل المستند نفسه عندما تبدأ نتيجة تفاعل من المستخدم، بينما يرصد interaction-contentful-paint ظهور محتوى جديد في أجزاء الصفحة التي تغيّرت بعد التفاعل. 40

وتذكر ملاحظات إصدار Edge أيضًا آليات رصد للانتقالات السلسة بهدف جمع مقاييس الأداء في تطبيقات الصفحة الواحدة. تساعد هذه البيانات المطور على معرفة متى وقع الانتقال ومتى ظهر المحتوى الناتج عنه؛ لكنها مؤشرات للتشخيص وليست إصلاحًا تلقائيًا لمشكلة البطء. 3940

فهم ما يحدث أثناء تحليل JavaScript

تضيف علامات JavaScript Self-Profiling سياقًا إلى العمل الذي ينفذه المتصفح بين عينات JavaScript، مثل تنسيق الأنماط والتخطيط والرسم وجمع البيانات المهملة. وبذلك يمكن للمطور التمييز بصورة أفضل بين الوقت الذي يستغرقه كود التطبيق والوقت الذي يستهلكه عمل المتصفح. يُستحسن التحقق من توثيق Edge الحالي ومدى إتاحة الميزة قبل الاعتماد عليها في سير عمل إنتاجي. 1

إعادة إرسال طلبات الشبكة وتعديلها في DevTools

يتيح أمر Resend في أداة Network إرسال طلب سبق التقاطه مرة أخرى من دون إعادة تحميل الصفحة، ما يفيد في اختبار سلوك الطلب عند تكراره. 18

أما خيار Edit and resend as Fetch فيتيح تعديل الطلب الملتقط وتجربته على هيئة استدعاء fetch() في Console. تجعل هذه الأدوات تصحيح الطلبات أسهل، لكنها لا تسرّع اتصال الشبكة نفسه. 118

WebMCP: تجربة إجراءات منظّمة لوكلاء التصفح

WebMCP وسيلة ناشئة تتيح للموقع عرض إجراءات منظّمة يمكن لوكيل التصفح استخدامها. والفكرة أن يتعامل الوكيل مع أدوات أو إجراءات يعرّفها الموقع، بدل الاعتماد حصرًا على تفسير شكل الصفحة بصريًا.

تطرح Microsoft WebMCP بوصفها ميزة مبكرة مخصصة للاختبار؛ لذا ينبغي التعامل معها كتقنية تجريبية، لا كإمكان متاح لجميع المستخدمين. 1

تفاعلات أغنى مع النصوص عبر OpaqueRange

يمثل OpaqueRange نطاقًا حيًا من النص داخل قيمة عنصر <input> نصي أو <textarea>. وتتيح هذه الواجهة إنشاء تفاعلات مرتبطة بموضع النص في حقول النماذج، مثل تحديد موضع واجهة مرتبطة به أو إبراز نطاق معين، مع الحفاظ على إخفاء البنية الداخلية لعُقد النص في عنصر التحكم. أدرجت Microsoft الواجهة ضمن تحديثات منصة الويب في Edge 152. 133

اختبار Web Install API

تسمح Web Install API لموقع بطلب تثبيت تطبيق ويب آخر باستخدام الدالة غير المتزامنة navigator.install()، مع الاستفادة من تجربة التثبيت المدمجة في المتصفح. وأعلنت Microsoft إتاحة الواجهة للاختبار عبر تجربة أصل (origin trial) في Edge. وتجربة الأصل مسار للاختبار، وليست ضمانًا لدعم الميزة في جميع المتصفحات أو لدى كل المستخدمين. 6

عنصر القائمة الأصلي ما زال في مرحلة الخطة

طرحت Microsoft أيضًا تصورًا لعنصر HTML أصلي باسم <menu> يهدف إلى توفير سلوك مدمج للقوائم. لكنه ما يزال ميزة مخططًا لها، لذلك لا ينبغي اعتباره متاحًا على نطاق عام أو بناء سلوك إنتاجي يعتمد عليه قبل تأكيد دعمه. 1

ما الذي يمكن للمطورين تجربته؟

توثّق Edge إعادة إرسال الطلبات في DevTools، وتضمّن ملاحظات إصدار Edge 152 واجهة OpaqueRange. كما أعلنت Microsoft مسار تجربة الأصل لواجهة Web Install API. أما مقاييس الانتقالات السلسة وWebMCP وعلامات تحليل JavaScript، فتحققوا من الإصدار الحالي ومتطلبات الاختبار قبل الاعتماد عليها؛ وعنصر القائمة الأصلي لا يزال مجرد خطة. 1618333940