مرّ شهر مليء بالميزات نفسها في Chrome Canary. يمكنك مواصلة القراءة لمعرفة النصوص البرمجية التابعة لجهات خارجية التي تتسبب في مشاكل في الأداء على موقعك الإلكتروني، وذلك من خلال التفاصيل المجمّعة في المخطط الزمني، وكيفية اختيار ألوان متسقة مع لوحة الألوان الجديدة، وكيفية محاكاة شبكة Wi-Fi الخاصة بمكالمات الفيديو باستخدام الملفات الشخصية للشبكة القابلة للتخصيص، وكيفية الاستفادة بشكل أكبر من واجهة مستخدم أدوات مطوّري البرامج من خلال القائمة الرئيسية الجديدة وتلميحات أفضل.
مشاكل في أداء إلقاء اللوم بشكل أفضل: التفاصيل المجمّعة في "المخطّط الزمني"
في المواقع الإلكترونية في الوقت الحالي، نستخدم المزيد والمزيد من خدمات المرشد والإحصاءات ووسائل التواصل الاجتماعي وخدمات تحميل الخطوط والإعلانات من جهات خارجية، وأحيانًا عدد قليل جدًا. لضمان عدم حدوث ذلك ولمنحك رؤية حول المشكلة، نقدّم لك تفاصيل مجمّعة في "المخطط الزمني".
يمكنك التركيز في علامة التبويب التفاصيل المجمّعة على الدوال المكلفة فقط أو شجرة المكالمات بأكملها، ثم تقسيم البيانات المحددة حسب النطاق أو النطاق الفرعي أو عناوين URL المختلفة. على سبيل المثال، في المخطط الزمني أعلاه لتحميل الصفحة، يمكنك الآن إحالة حالات البطء بسهولة إلى النصوص البرمجية التابعة لجهات خارجية الواردة من نطاقات مثل facebook.net أو twitter.com.
قائمة رئيسية جديدة ومخصصة
لترتيب شريط الأدوات الرئيسي، نقلنا رموز الدرج والإعدادات وأيقونات الإرساء إلى قائمة رئيسية جديدة ومخصصة.
وعلى وجه الخصوص، أصبحت عملية الإرساء أبسط بكثير. فبدلاً من الضغط مع الاستمرار على الرمز السابق، يضم كل موضع إرساء رمزه الخاص.
بالإضافة إلى الإرساء، أضفنا إمكانية الوصول السريع للبحث عن الملفات والاختصارات والمساعدة (ما يؤدي إلى صفحتنا الرئيسية الجديدة).
استكشاف "أدوات مطوري البرامج" من خلال تلميحات محسّنة
لدينا الكثير من الأزرار في "أدوات مطوري البرامج" ونعلم أنّ جميعها ليس يشرحها بذاتها. أصبح من الأسهل الآن اكتشاف الإجراءات واختصاراتها من خلال استبدال التلميحات الخاصة بالنظام بتلميحات مخصّصة ومتناسقة مع المنصة.
تظهر التلميحات الجديدة بسرعة أكبر وتتضمّن اختصارات لوحة المفاتيح (في حال توفّرها).
إنشاء ملفات شخصية مخصّصة للتحكم في الشبكة
إذا كانت الخيارات التلقائية لـ Network Throttler محدودة للغاية بالنسبة إلى حالات الاستخدام، وكنت بحاجة إلى خيار "عبر شبكة Wi-Fi لمكالمات الفيديو"، أو أردت العودة إلى المدرسة القديمة ومحاكاة "110 Baud" line، لدينا أخبار سارة لك. أضفنا لوحة "إعدادات" جديدة تسمح لك بتنفيذ أيّ من هذه الإجراءات.
لوحات ألوان تلقائية ومصنوعة من مواد وألوان مخصّصة
سواء كنت تريد إعادة ابتكار الألوان السحرية أو استخدام لوحة ألوان حالية، تساعدك أداة Colorpicker المُحسَّنة على اختيار لوحة ألوان متّسقة لموقعك الإلكتروني.
بالنقر على رمز أداة التبديل الصغير بجانب اللوحة، يمكنك الاختيار مما يلي:
- ألوان الصفحة - يتم إنشاء هذه اللوحة تلقائيًا من الألوان التي نعثر عليها في CSS، مما يجعلها خيارًا رائعًا إذا كنت تعمل على توسيع موقع حالي.
- التصميم المتعدد الأبعاد — توفر لوحة الألوان Material Design ألوانًا رائعة خارج العلبة وهي الخيار الأمثل عند بدء مشروع جديد. ستجد حاليًا جميع الألوان الأساسية، ولكننا سنوفّر كل درجات الألوان إليها قريبًا.
- مخصَّص: هذا مساحة لعب خاصة بك. أضِف ألوانًا جديدة من خلال انتقاء لون من أداة الاختيار، ثم انقر على رمز علامة الجمع بجانب لوحة الألوان. يمكنك إعادة ترتيب العناصر من خلال سحبها والنقر بزر الماوس الأيمن عليها للاطّلاع على خيارات إضافية، مثل "إزالة".
أخبرنا برأيك، وكيف يمكننا توسيع نطاق قصة الألوان إلى أقصى حد.
أفضل ما تبقّى
- تظهر الآن الطلبات المقدّمة باستخدام واجهة برمجة التطبيقات fetch() في لوحة الشبكة.
- يضمن التنسيق التلقائي للّوحات أنّه عند تغيير حجم لوحات أدوات مطوّري البرامج
، يضمن التكيّف مع قيود المساحة الجديدة. - يتضمّن خيار فحص "العناصر ووضع الجهاز" مجموعة من الرموز الجديدة.
- أصبحت السمات في لوحة DOM الآن مختلفة الألوان حتى عند تمييز العقدة. (حيث إنها جميعها باللون الأبيض من قبل.)
- تعرض العناصر المخفية (التي يتم تفعيلها بالضغط على "h" على عقدة DOM المحدّدة) الآن مؤشرًا دائريًا رماديًا على اليمين، بينما تؤدي نقاط التوقف (DOM) إلى تنفيذ الإجراء نفسه مع دائرة زرقاء. (يشبه هذا المؤشرات البرتقالية التي لدينا بالفعل لفرض حالة عنصر مثل :hover).
وكالعادة، يُرجى إعلامنا برأيك من خلال Twitter أو من خلال التعليقات أدناه وإرسال الأخطاء إلى crbug.com/new.
حتى الشهر القادم!
بول باكوس وفريق "أدوات مطوري البرامج"