ملخص DevTools - شريط أفلام ووجهة جديدة للتقييد

أحدث الأخبار عن "أدوات مطوري البرامج"

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

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

بدون مقدمات، دعنا نتعمق في الأخبار الفعلية.


جديد في أدوات مطوري البرامج

لقطات شاشة تشبه شريط الصور في "الشبكة" و"المخطط الزمني"

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

في لوحة الشبكة، انقر على رمز الكاميرا الصغيرة لتفعيل التقاط الإطارات، ثم أعِد تحميل الصفحة لتشغيل الالتقاط. بخلاف لقطات الشاشة التي تم التقاطها باستخدام أدوات أخرى مثل WebPageTest، نعرض حاليًا الإطارات التي تم الحصول عليها فعليًا من الطلاء.

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

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

نظرًا إلى عدم تزامن الاثنين إلى حدٍ ما في ما يتعلق بالوظائف وتجربة المستخدم، ننصحك بتجربة الميزات وتقديم أي ملاحظات من خلال طلبات الدعم على crbug.com/new أو عبر تغريدة إلى @ChromeDevTools.

"تقييد الشبكة" في لوحة "الشبكة"

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

ضبط الحد الأقصى المسموح به لاستخدام الشبكة

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

أخيرًا، هل أنت أحد هؤلاء الأشخاص الفقراء الذين تساءلوا عن سبب انقطاع الاتصال بالإنترنت بعد يوم طويل من العمل، فقط لتكتشف أنك نسيت تعطيل تقييد الشبكة؟ تعرض علامة تبويب لوحة "الشبكة" رمزًا تحذيريًا عند تفعيل التحكُّم في الشبكة.

أخبار متنوّعة


نبضات المنتدى

تعقيدات مع "أدوات مطوري البرامج في Chrome"

ضبط الحد الأقصى المسموح به لاستخدام الشبكة

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

بيئة تطوير متكاملة في أدوات مطوّري البرامج

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

إنّ تحويل أدوات مطوري البرامج إلى بيئة تطوير متكاملة (IDE) كانت فكرة ممتعة، وكان حلم الكثير من أعضاء فريقنا أن يحلم بها من قبل، ولكنها ستكون أيضًا مشروعًا مليئًا بالتناسب.


ما رأيك؟ هل أداة DevTools IDE حلم أم يمكن تحقيقه؟ كيف يجب أن يبدو؟ أخبِرنا بذلك في التعليقات.

إلى اللقاء قريبًا.
"بول باكوس" وفريق "أدوات مطوري البرامج"