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