أخبار أدوات مطوّري البرامج، أحدث الأخبار
إنّ الخبر الأول في هذه المشاركة هو خبر ذاتي، وهو هذا التعديل نفسه. من حين لآخر، ولكن مرة واحدة في الشهر على الأقل، سألخّص آخر الأخبار حول أدوات Chrome DevTools.
سأتحدث عن الميزات الجديدة التي تم طرحها للتو في Chrome Canary، وإذا كنت تفضّل استخدام الإصدارات الثابتة، يمكنك فعل ذلك أيضًا. ولكن إذا كنت مغامرًا وأردت البقاء في الصدارة، فهذه المشاركات مناسبة لك. بالإضافة إلى أحدث الميزات وإصلاحات الأخطاء، ستجد قسم النبضات القلبية في المنتدى في نهاية كل مشاركة، لتسليط الضوء على أهم المساهمات التي ساهمت بها، أي المستخدمين المحبوبين.
بدون مقدمات، دعنا نتعمق في الأخبار الفعلية.
الميزات الجديدة في "أدوات مطوري البرامج"
لقطات شاشة تشبه شريط الصور في "الشبكة" و"المخطط الزمني"
قبل أسبوع فقط، نقلنا ميزة جديدة ومهمة إلى قائمة الميزات التي لم تتم تجربتها، وهي: القدرة على التقاط لقطات شاشة للصفحة في علامة التبويب "الشبكة" و"المخطط الزمني".
في لوحة الشبكة، انقر على رمز الكاميرا الصغير لتفعيل التقاط اللقطات، ثم أعِد تحميل الصفحة لبدء عملية الالتقاط. باستثناء لقطات الشاشة التي تم التقاطها باستخدام أدوات أخرى مثل WebPageTest، لا نعرض حاليًا سوى اللقطات التي تم إنشاؤها باستخدام أداة الرسم.
يؤدي النقر مرّتين على أحد اللقطات إلى عرض عرض مكبّر (يمكنك بعد ذلك استخدام السهمَين المتّجهَين لليسار أو لليمين للتنقّل)، بينما يؤدي تمرير مؤشر الماوس فوق اللقطة إلى عرض خطوط على اللوحة والمخطط الزمني لعرض وقت التقاط اللقطة بدقة، ما يتيح لك الربط بسلسلة التحميل. وهذا يجعل تصحيح أخطاء مشاكل التحميل الشائعة، مثل خطوط الويب التي تمنع العرض، أسهل بكثير.
في لوحة المخطط الزمني، يمكنك تفعيل ميزة التقاط لقطات الشاشة من خلال النقر على مربّع الاختيار "لقطات الشاشة" أو إيقافه في شريط الأدوات العلوي. تختلف الأمور قليلاً هنا مقارنةً بلوحة "الشبكة": في هذه الحالة، نحاول التقاط لقطات شاشة قدر الإمكان بغض النظر عن عمليات الرسم الفعلية، لنتمكّن من إسقاط لقطات الشاشة هذه على timescale خطي يرتبط بالصفوف الأخرى في "المخطط الزمني". بدلاً من الحاجة إلى النقر مرّتين لعرض معاينة، تظهر اللقطات الموسّعة عند تمرير مؤشر الماوس.
بما أنّ الميزتَين غير متطابقتَين من حيث الوظائف وتجربة المستخدم، نريد أن نشجعك على تجربة الميزات وتقديم أي ملاحظات لديك من خلال طلب الدعم على crbug.com/new أو من خلال تغريدة على @ChromeDevTools.
ضبط الحد الأقصى المسموح به لعرض نطاق الشبكة في لوحة "الشبكة"
ضبط الشبكة، ميزة أضفناها عند طرح وضع الجهاز، وهي متوفرة الآن في شريط أدوات لوحة الشبكة كي تتمكّن من التركيز على تحسينات الشبكة في مكان واحد.
لا يزال هذا المنزل الجديد مجرّد مرآة، فهو ما زال متاحًا في "وضع الجهاز"، لأنّ محاكاة الاتصال السيئ يبقى أمرًا مهمًا للغاية عند العمل على تحسين سرعة موقعك الإلكتروني.
أخيرًا، هل أنت أحد هؤلاء الأشخاص الفقراء الذين تساءلوا عن سبب انقطاع الاتصال بالإنترنت بعد يوم طويل من العمل، فقط لتكتشف أنك نسيت تعطيل تقييد الشبكة؟ تعرض الآن علامة التبويب "الشبكة" رمز تحذير عند تفعيل ميزة "ضبط الحد الأقصى المسموح به لعرض نطاق الشبكة".
معلومات متنوعة
- هل كرهت تلك الدوائر الغريبة على المخطط الزمني للشبكة؟ لقد فعلنا ذلك أيضًا. هذه هي النقاط الزمنية التي تم فيها تسجيل لقطة (في شريط الفيلم الجديد) . الآن، تظهر كخطوط عند تمرير مؤشر الماوس فوقها.
- يحافظ الآن وضع الجهاز على الاتجاه عند التبديل بين الأجهزة.
نبضات المنتدى
التعرّف على "أدوات مطوّري البرامج في Chrome"
نشر بريت ليتل هذه الدورة التدريبية الرائعة التي تعرّفك على وظائف DevTools الأساسية، كما تقدّم لك الكثير من النصائح والخدع المفصّلة. تتوفّر معلومات مفيدة بالتأكيد في هذه المقالة، ولا ضير من الاطّلاع على المزيد من مستندات "أدوات المطوّرين".
بيئة تطوير متكاملة في "أدوات مطوّري البرامج"؟
طوّر "كينيث أوكينبيرغ"، مطوّر الويب والمعجب بأدوات المطوّرين، تطبيقًا مستقلاً لأدوات المطوّرين لإثبات صحة الفكرة قبل بضعة أشهر، ومشاركته على مدوّنته أدت إلى نشر أخبار عن (المخترقين) مرة أخرى هذا الأسبوع.
إنّ تحويل "أدوات المطوّرين" إلى بيئة تطوير متكاملة (IDE) كاملة هي فكرة ممتعة، وهي فكرة راودت العديد من أعضاء فريقنا من قبل، ولكنّها ستكون أيضًا مشروعًا ضخمًا.
ما رأيك؟ هل بيئة تطوير البرامج (IDE) في "أدوات مطوّري البرامج" مجرد حلم أم يمكن أن تنجح؟ كيف يجب أن يبدو؟ أخبِرنا بذلك في التعليقات.
إلى اللقاء قريبًا.
بول باكاوس وفريق "أدوات مطوّري البرامج"