تخصيص أدوات مطور Chrome باستخدام DevTools Author

إذا كنت مطور الواجهة الأمامية ، فعليك أن تعرف بالفعل لوحة DevTools في Google Chrome. يأتي ذلك مزودًا بكل إصدار من أدوات عروض Chrome لتحرير HTML / CSS الخام إلى جانب وحدة تحكم JS والقدرة على التعامل مع DOM في الوقت الفعلي.

يسمح لك مكون إضافي مجاني جديد من Chrome يسمى DevTools Author بتخصيص لوحة DevTools مع أنظمة ألوان بناء جملة إضافية وخطوط فريدة وأحجام خطوط مخصصة.

الإعداد واضح ومباشر. يمكنك فقط تثبيت الامتداد من Chrome Webstore ثم زيارة هذا الرابط في متصفحك: الكروم: // الأعلام / # تمكين devtools-التجارب

ستجد نفسك في لوحة Chrome Flags حيث يجب عليك تمكين تجارب DevTools. بمجرد التمكين ، يجب إعادة تشغيل Chrome ، افتح لوحة إعدادات DevTools وابحث عن علامة التبويب "التجارب".

بعد ذلك ، تحقق فقط من "السماح بسمات UI المخصصة" وستكون جيدًا!

يمكنك الاختيار من بين أكثر من 25 نظامًا مختلفًا من صيغ الألوان التي تجعل محرر Chrome أسهل في الاستخدام. ويمكنك تغيير أحجام الخطوط من 10px-22px أو حتى تحديث خطوط وحدة التحكم إلى أي خطوط مثبتة مسبقًا على نظام التشغيل الخاص بك.

لا يضيف هذا المكون الإضافي أي ميزات أساسية إلى DevTools ، ولكنه يتيح لك إمكانية تغيير نمط ومظهر نافذة DevTools الخاصة بك. من السهل تكوينها بشكل مدهش ويمكن أن تجعل تجربة DevTools تشعر بأنها أكثر تخصيصًا.

إذا واجهتك أي مشكلة أثناء الإعداد ، فراجع مقطع الفيديو التقديمي الموجه هذا.