قدم فريق تطوير FireTox DevTools مفتش جديد WebSocket Inspector، وهو المفتش الجديد لمتصفح موزيلا المقرر إصداره مع Firefox 71. الميزة الجديدة متوفرة كواجهة برمجة تطبيقات وتسمح بـ إنشاء اتصال دائم بين العميل والخادم. لأن API يرسل ويستقبل البيانات في أي وقت، يتم استخدامه بشكل أساسي في التطبيقات التي تتطلب اتصالًا في الوقت الفعلي. ويمكن للمطورين تجربته بالفعل في إصدار مطوري Firefox. تم دمج WebSocket Inspector مع واجهة المستخدم الخاصة بلوحة “الشبكة” في DevTools.

وفقًا لمطوري الميزة، على الرغم من أنه من الممكن العمل مباشرة مع WS API، إلا أن بعض المكتبات الموجودة مفيدة وتوفر الوقت. يمكن أن تساعدك هذه المكتبات في حالة فشل الاتصال من المصادقة والترخيص وقابلية التوسع والمزيد. ويدعم عارض Firefox WS DevTools حاليًا Socket.IO و SockJS. ووفقًا لفريق التطوير، سيتم دعم الوسائط الأخرى قريبًا بما في ذلك SignalR و WAMP.

WebSocket Inspector هو جزء من واجهة مستخدم لوحة “الشبكة” في DevTools. يمكنك بالفعل تصفية المحتوى لاتصالات WS المفتوحة في هذه اللوحة، ولكن حتى الآن لم تكن هناك فرصة لرؤية البيانات الفعلية المنقولة عبر إطارات WS. عند النقر فوق استعلام WS، يتم عرض تفاصيل طلب HTTP المحدد. وتحتوي واجهة المستخدم الآن على تبويب جديد “رسائل” يمكن استخدامه لفحص إطارات WS المرسلة والمستلمة عبر اتصال WS المحدد.

في تبويب “الرسائل” هذا، يتم عرض بيانات إطارات WS المرسلة بسهم أخضر وتعرض الإطارات المستلمة بسهم أحمر. للتركيز على رسائل محددة، يمكنك تصفية الإطارات. ويكون أعمدة “البيانات” و “الوقت” مرئية بشكل افتراضي، ولكن يمكنك تخصيص الواجهة لعرض المزيد من الأعمدة بالنقر بزر الماوس الأيمن على الرأس.

يدعم WebSocket Inspector الجديد لمتصفح Firefox حاليًا Socket.IO و SockJS و JSON البسيطة. ووفقًا لفريق التطوير، ستتبع العديد من الوسائط الأخرى قريبًا بما في ذلك SignalR و WAMP. يتم تحليل البيانات المفيدة المستندة إلى هذه البروتوكولات وعرضها كشجرة قابلة للتوسيع للتفتيش السهل. ومع ذلك، لا يزال بإمكانك مشاهدة البيانات الأولية (كما تم إرسالها في الخلاصة).

لا يزال فريق FireTox DevTools يعمل على بعض نقاط هذا الإصدار. وتشمل هذه النقاط : عارض البيانات الثنائية المفيدة مشيرا إلى الاتصالات المغلقة؛ المزيد من البروتوكولات (SignalR و WAMP كما ذكر أعلاه) وتصدير إطارات WS.

المصدر : موزيلا

مواضيع ذات صلة
اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *