تعرَّف على كيفية تقليل عدد الأحرف التي تكتبها باستخدام ميزة الإكمال التلقائي الذكية في Console، وكيفية تعديل قواعد @keyframe مباشرةً في لوحة "الأنماط"، وكيفية الاستمتاع باستخدام المتغيّرات المخصّصة لتنسيق CSS، وكيفية استخدام الوضع الداكن.
ميزة إكمال تلقائي أكثر ذكاءً في وحدة التحكّم
مثلي ومثل الكثيرين من الآخرين، تكتب الأمر في وحدة التحكّم لتصحيح أخطاء تطبيقك، وترى أنّه لا يعمل، وتكرر الأمر وتكتبه مرة أخرى، ومرة أخرى، ومرة أخرى. لمساعدتك في ذلك، نُكمِل الآن تلقائيًا العبارات الكاملة التي كتبتها سابقًا، على النحو التالي:
تعديل قواعد @keyframe مباشرةً في لوحة "الأنماط"
عندما طرحنا أداة فحص الصور المتحركة ومحرِّر التأثيرات في "أدوات المطوّر"، كان ذلك يقتصر على الانتقالات لأنّنا لم نعرض أبدًا صورًا متحركة مستندة إلى CSS في لوحة "النمط".@keyframe يسعدنا إعلامك بأنّ هذه المشكلة قد انتهت، لذا يمكنك إنشاء المحتوى الذي تريده. يمكنك الاطّلاع على الفيديو الذي نشرناه على تويتر لمعاينة الميزة.
إتاحة خصائص CSS المخصّصة
هناك الكثير من الميزات الرائعة التي ستتوفّر في CSS، ومن بينها المتغيّرات المخصّصة التي سيتم إطلاقها في الإصدار 49 من Chrome. لقد حرصنا على تضمين دعم كامل في "أدوات المطوّر"، لذا إذا كنت تستخدم المتغيّرات في Sass من قبل، جرِّب المتغيّرات الأصلية، لأنّها تسمح لك بتعديل السمات على الفور في لوحة "الأنماط" وتعديل العناصر التابعة على الفور.
مظهر داكن لأداة DevTools
لقد استجبنا أخيرًا لطلب وردّ علينا عشرات المرات خلال العامين الماضيين: يمكنك الآن اختيار وضع "الجانب المظلم" في "أدوات المطوّر". انتقِل إلى إعدادات "أدوات مطوّري البرامج"، واضبط المظهر على "داكن" واستمتع. لا تزال هذه الميزة في مرحلة تجريبية لأنّ الكثير من الاقتراحات يتم إنشاؤها تلقائيًا، لذا يُرجى إعلامنا إذا لاحظت أي جوانب يمكن تحسينها.
أفضل التطبيقات الأخرى
- يتم الآن تصغير أدراج وحدة التحكّم تلقائيًا عند النقر على علامة التبويب "وحدة التحكّم" الكاملة.
- تم إجراء تحسينات كبيرة على شجرة الملفات في "المصادر"، مع إضافة رموز جديدة ووظائف جديدة للجمع.
وكما هو الحال دائمًا، يُرجى مشاركة رأيك معنا على Twitter أو في التعليقات أدناه، وإرسال الأخطاء إلى crbug.com/new.
إلى اللقاء في الشهر القادم.
بول باكاوس وفريق "أدوات مطوّري البرامج"