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

أخبار "أدوات مطوري البرامج" كما هي حديثة

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

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

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


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

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

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

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

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

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

وبما أنّ الوظائف غير متوافقة إلى حد ما في ما يتعلّق بالوظائف وتجربة المستخدم، نودّ أن نشجّعك على تجربة هذه الميزات وتقديم ملاحظاتك وآرائك من خلال التذاكر على الموقع الإلكتروني crbug.com/new أو عبر تغريدة إلى @ChromeDevTools.

ضبط الحد الأقصى المسموح لعرض نطاق الشبكة في لوحة الشبكة

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

ضبط الحد الأقصى المسموح لعرض نطاق الشبكة عمليًا

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

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

نصائح متنوعة


نبض المنتدى

استخدام أدوات مطوّري البرامج في Chrome بشكل غير مستقر

ضبط الحد الأقصى المسموح لعرض نطاق الشبكة عمليًا

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

بيئة التطوير المتكاملة (IDE) لأدوات مطوري البرامج...؟!

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

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


ما رأيك؟ هل يمكن تطوير بيئة التطوير المتكامل في أدوات مطوري البرامج؟ كيف يجب أن يظهر؟ أخبِرنا بذلك في التعليقات.

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