إعادة تحميل بنية أدوات مطوّري البرامج: النقل إلى مكوّنات الويب

Jack Franklin

هذه المشاركة هي جزء من سلسلة من المشاركات على المدونة التي تصف التغييرات التي نُجريها على بنية "أدوات مطوّري البرامج في Chrome" وكيفية إنشائها.

عندما تم إنشاء DevTools لأول مرة منذ سنوات عديدة، اختار الفريق إنشاء إطار عمل مخصّص لواجهة المستخدم. كان هذا خيارًا معقولاً في ذلك الوقت، وقد ساعد DevTools بشكل جيد.

ولكن منذ ذلك الحين، تم طرح ميزات مختلفة في المنصة، ومن بين هذه الميزات Web Components، وهي مناسبة تمامًا لإنشاء عناصر واجهة مستخدم جديدة في DevTools. ومن خلال الاستفادة من الميزات التي تقدّمها المنصة، يمكننا تقليل كمية رموز واجهة المستخدم المخصّصة التي علينا صيانتها بشكل كبير، والاستثمار بشكل أكبر في إنشاء ميزات لخدمة DevTools بدلاً من توفير بنية أساسية مخصّصة.

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

ونحن نُتيح هذا المستند للجميع على الرابط goo.gle/building-ui-devtools. إذا كنت تريد معرفة المزيد عن كيفية استخدام مكوّنات الويب في التطبيقات الكبيرة في العالم الواقعي، أو بعض التحديات التي تواجهك عند دمج المكوّنات في قاعدة بيانات كبيرة سبق إنشاؤها، يمكن أن يساعدك هذا المستند في الإجابة عن بعض الأسئلة. إذا كانت لديك أي أسئلة حول إرشاداتنا، يُرجى مراسلتي على Twitter.

تنزيل قنوات المعاينة

ننصحك باستخدام إصدار Canary أو Dev أو الإصدار التجريبي من Chrome كمتصفّح التطوير التلقائي. تتيح لك قنوات المعاينة هذه الوصول إلى أحدث ميزات DevTools، وتتيح لك اختبار واجهات برمجة تطبيقات منصات الويب المتطوّرة، وتساعدك في العثور على المشاكل في موقعك الإلكتروني قبل أن يعثر عليها المستخدمون.

التواصل مع فريق "أدوات مطوّري البرامج في Chrome"

استخدِم الخيارات التالية لمناقشة الميزات الجديدة أو التحديثات أو أي شيء آخر مرتبط بـ "أدوات مطوّري البرامج".