ملخص DevTools - إعادة ترتيب علامات التبويب، ووحدة التحكم في الإصدارين، وأدوات معالجة الأحداث ضمن إطار العمل

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

تنقّل أفضل في اللوحة: وحدة التحكّم في المركز الثاني، وإعادة ترتيب علامات التبويب والخطوط السفلية الأنيقة

بعد التحقيق في الجوانب الأكثر استخدامًا في "أدوات المطوّر"، تبيّن لنا أنّ لوحة Console في وضع ملء الشاشة لا تستحقّ المركز الأخير في شريط علامات التبويب الرئيسي. وبما أنّها اللوحة الأكثر استخدامًا، أصبحت الآن علامة التبويب الثانية. وهذا مهم على وجه الخصوص في درجات الدقة المنخفضة عندما لا يمكننا عرض جميع علامات التبويب في وقت واحد.

نحن نتفهّم ذلك. الترتيب الكلاسيكي هو جزء من ذاكرتك العضلية وستشعر بالدوار لفترة من الوقت. أو ربما، تلهث، أنت تكره وحدة التحكم بملء الشاشة! لا داعي للقلق، فلدينا الحل المناسب. يمكن الآن إعادة ترتيب علامات التبويب عن طريق سحبها، على النحو التالي:

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

إتاحة أدوات معالجة أحداث إطار العمل

كانت الأحداث التي أنشأتها إطارات عمل JavaScript، مثل jQuery، في بعض الأحيان مصدر إزعاج عند العمل مع أدوات المطوّرين. ويرجع ذلك إلى أنّ معظم أُطر العمل تدمج أحداث DOM الأصلية في واجهة برمجة تطبيقات الأحداث المخصّصة، لذا لا يؤدي النظر إلى أداة معالجة الأحداث إلى الكشف عن الكثير مما يحدث:

أدوات معالجة إطار العمل غير مفعّلة

ولكن مع الخيار الجديد "أدوات معالجة إطار العمل" في علامة التبويب "أداة معالجة الأحداث"، تتعرّف "أدوات المطوّرين" على جزء التفاف إطار العمل وتعالجه تلقائيًا. الآن، تبدو الأحداث المرتبطة بالإطارات وتعمل تمامًا مثل نظيراتها الأصلية، ما يُعلمك بالمكان الذي تم ربطها به فعليًا:

أدوات معالجة أحداث إطار العمل مفعَّلة

أفضل التطبيقات الأخرى

  • تسمح أدوات تنسيق الكائنات المخصّصة للغات المُترجَمة، مثل CoffeeScript، بتنسيق كائناتها بشكل أفضل في وحدة تحكّم أدوات مطوّري البرامج.
  • يتضمّن "المخطط الزمني" مربّع حوار جديدًا وأكثر ملاءمةً أثناء التسجيل يعرض لك الحالة والوقت واستخدام مساحة التخزين المؤقتة بنظرة سريعة.

    تلميح المخطط الزمني
  • في هذا السياق، تعرض لوحة الشبكة تلميحًا مفيدًا عندما تكون فارغة الآن:

    تلميح الشبكة
  • يمكنك الآن الفلترة حسب المحتوى المختلط في لوحة الشبكة باستخدام إدخال الفلتر وضبطه على mixed-content:displayed.


كالعادة، يُرجى إطلاعنا على رأيك عبر Twitter أو التعليقات أدناه، وإرسال الأخطاء إلى crbug.com/new.

إلى اللقاء في الشهر القادم. بول باكاوس وفريق أدوات المطوّرين