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

أخبار أدوات مطوّري البرامج، أحدث الأخبار

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

معلومات متنوعة


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

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

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

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

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

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

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


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

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