تعرَّف على كيفية تحوّل "أدوات مطوري البرامج" إلى عالم الأجهزة الجوّالة أولاً من خلال وضع جهاز جديد ومبسّط مفعّل دائمًا. يمكنك استخدام أزرار الألوان لإضافة ألوان إلى أدوات الاختيار بسرعة ومعرفة الميزات التي سيتم توفيرها في "أدوات مطوري البرامج" قريبًا.
لمحة عن مستقبل التأليف
لقد عُدنا للتو من مؤتمر Chrome Dev Summit حيث أوضحنا لكم طريقة استخدام "أدوات مطوري البرامج" في الوقت الحالي وفي المستقبل. لا أذكر في العادة أي ميزات ما زالت في المرحلة التجريبية أو تتضمّن إنجازات كبيرة في هذا الملخص، ولكنني سأستثني هذه الميزات هذه المرة. إذا لم يكن لديك الوقت الكافي لمشاهدة المحاضرة بالكامل، إليك الأهم:
الإصدار 2 من "وضع الجهاز"
ما زلنا نعمل بجد على هذا التكرار الجديد والجريء لوضع الجهاز، ولكننا أردنا أن نمنح الجميع فرصة لتجربته، ولذلك تم تفعيله في إصدار Canary اليوم. واستنادًا إلى هذه التغييرات، نحن بصدد طرح أدوات مطوّري البرامج في مستقبل يعتمد على الأجهزة الجوّالة أولاً حيث يكون التطوير على الأجهزة الجوّالة هو الإعداد التلقائي وتطوير أجهزة الكمبيوتر المكتبي. ومن المتوقّع أن يتكرّر مزيد من التعديلات خلال الأسابيع القليلة المقبلة من خلال مشاركة المزيد من مشاركات المدوّنة عند الانتهاء.
فحص فعّال للصور المتحركة
تمنحك ميزة فحص الصور المتحركة قيد التنفيذ صورة كاملة وتفصيلية عن ما يحدث في أي جهاز. بدلاً من أن تظهر لك انتقالاً على عنصر واحد في كل مرة، أضفنا استدلالات هذه المجموعات المتحركة المعقدة حتى تتمكن من التركيز على كل ما تراه. ألقِ نظرة على الفيديو. وسنقدم مشاركة أكبر ومستقلة في المدونة عند إطلاقنا هذه الميزة بالكامل.
وضع التخطيط (نظرة خاطفة)
"وضع التخطيط" ليس جاهزًا تمامًا للعرض الترويجي، إلا أنّ وضع التخطيط الجديد سيكون واعدًا للغاية، وهي ميزة لا أطيق انتظار مشاهدتها بالكامل. يضيف "وضع التنسيق" إمكانات تعديل WYSIWYG إلى "أدوات مطوري البرامج" لأي عنصر على الصفحة. حتى الآن، يمكن تعديل الارتفاع والعرض والمساحات المتروكة والهوامش في السياق. قد تستغرق العملية وقتًا أطول حتى تصبح على استعداد لتجربتها وسنُطلعك على آخر المعلومات حولها.
تحديد ملامح الأداء باستخدام لوحة "المخطّط الزمني" المعدَّلة
كجزء من الدفعة الأكبر لتقديم نموذج أداء RAIL الجديد، أجرينا مئات التغييرات الأصغر والأكبر على لوحة "المخطّط الزمني"، وقد تم إدخال تحسينات على القصة المتعلقة بتحليل الأداء بشكلٍ كبير. لذا، بدلاً من إظهار كل تغيير فردي بمعزل عن الآخر، أوضح لنا بول أيرش كيفية تصحيح الأخطاء في أداء الموقع بشكل سليم، وهو في هذه الحالة موقع Hotel Tonight على الأجهزة الجوّالة متاح على خشبة المسرح. ومن بين الميزات التي تم الإعلان عنها مؤخرًا، شرائط أفلام التحميل والأداء، والعرض الإعلاني بدون انقطاع في الشبكة المضمّنة، وملخّص العرض التدرّجي، وإمكانية عرض تكاليف الأداء حسب النطاق والملف.
إضافة ألوان المقدمة والخلفية إلى أي عنصر بسهولة
كلما أردت إضافة لون الخلفية أو خاصية اللون إلى عنصرك، لا يمكنك فقط فتح منتقي الألوان. بدلاً من ذلك، يكتب معظمكم شيئًا مثل "background: red"؛ في كل مرة يظهر فيها أيقونة منتقي الألوان، ثم يختارون اللون الفعلي الذي تريده.
اعتقدنا أنه يمكننا تبسيط هذا الأمر. أضفنا زرين رائعين يظهران عند التمرير فوق الزاوية اليسرى السفلية من أداة الاختيار، ما يتيح لك إضافة لون وإظهار أداة الاختيار بنقرة واحدة:
أفضل الأعمال الموسيقية
- لقد أهدرنا الكثير من المساحات القديمة في لوحة "النمط" من خلال عرض أنواع الوسائط العامة. يتم الآن إخفاء هذه العناصر قبل أدوات الاختيار إذا لم يكن الأمر عاديًا.
- يمكنك الآن تمرير مؤشر الماوس لفترة طويلة فوق أداة اختيار لغة CSS في لوحة النمط لمعرفة عدد العناصر التي تنطبق عليها هذه الأداة على الصفحة.
- ألم تتوقف عن الطباعة بعد؟ لا تزال محاكاة وسائط الطباعة موجودة لمعرفة الشكل الذي ستظهر به صفحتك عند الطباعة – لقد نقلناها للتو إلى إعدادات العرض.
- عند اختيار عنصر لفحصه، يتم الآن توسيع الشجرة الفرعية DOM ذات الصلة وإغلاقها. من الصعب تفسيرها، من الصعب فهمها.
كالعادة، يُرجى إطلاعنا على رأيك عبر Twitter أو التعليقات أدناه، وإرسال الأخطاء إلى crbug.com/new.
حتى الشهر القادم!
بول باكوس وفريق "أدوات مطوري البرامج"