تم النشر: 6 أغسطس 2025
تعد لوحة العناصر في Chrome DevTools واحدة من أكثر المطورين استخدامًا بشكل متكرر لتصحيح جميع أنواع المعلومات حول حالة DOM في تطبيقات الويب. غالبًا ما يتم استخدامه لتصحيح CSS الخاص بالصفحة ، مما يمنح المطورين طريقة مريحة لتعديل خصائص CSS المختلفة لفهم كيفية تأثير التغييرات في أنماط الصفحة على عرضها.
تتمثل إحدى ميزات لوحة العناصر في القدرة على التحوم على خاصية CSS ، ومشاهدة بطاقة Hover التي تصف غرض خاصية CSS. تمت إضافة هذه الميزة في الأصل بواسطة Alexey Rodionov ، خبير مطور Google (GDE) في تقنيات الويب ، وأضاف روابط إلى وثائق MDN لخصائص CSS. في الآونة الأخيرة ، مدد أليكسي وظائف بطاقات التحويم هذه لإظهار حالة خط الأساس للعقار.
حالة متاحة على نطاق واسع على CSS color ملكية.
الحالة المتاحة حديثًا على CSS text-wrap ملكية.
حالة توافر محدودة على CSS hyphenate-limit-chars ملكية.
بالإضافة إلى إظهار حالة خط الأساس لخاصية CSS ، تصف هذه البطاقات أيضًا تاريخ التشغيل البيني للميزات المتوفرة على نطاق واسع أو حديثًا ، بحيث يمكنك الحصول على لمحة سريعة عن المدة التي كانت فيها الميزة قابلة للتشغيل البيني! هبط هذا التغيير في الإصدار 140 من الكروم. في وقت كتابة هذا التقرير ، كانت الإصدار 140 من Chrome في الإصدار التجريبي حاليًا ، ولكن هذه الميزة ستصبح متوفرة في البناء المستقر قريبًا!
شكرا مرة أخرى إلى أليكسي روديونوف على عمله على هذه الميزة القيمة. نعتقد أنه سيمنح المطورين طريقة أسهل لاكتشاف توافق الميزة في سير عمل تصحيح الأخطاء.
باستثناء ما هو مذكور خلاف ذلك ، يتم ترخيص محتوى هذه الصفحة بموجب ترخيص Creative Commons Attribution 4.0 ، ويتم ترخيص عينات الرمز بموجب ترخيص Apache 2.0. للحصول على التفاصيل ، راجع سياسات موقع مطوري Google. Java هي علامة تجارية مسجلة لـ Oracle و/أو الشركات التابعة لها.
آخر تحديث 2025-08-06 UTC.
[[[“Easy to understand”,”easyToUnderstand”,”thumb-up”]و[“Solved my problem”,”solvedMyProblem”,”thumb-up”]و[“Other”,”otherUp”,”thumb-up”]][[“Missing the information I need”,”missingTheInformationINeed”,”thumb-down”]و[“Too complicated / too many steps”,”tooComplicatedTooManySteps”,”thumb-down”]و[“Out of date”,”outOfDate”,”thumb-down”]و[“Samples / code issue”,”samplesCodeIssue”,”thumb-down”]و[“Other”,”otherDown”,”thumb-down”]][“Last updated 2025-08-06 UTC.”]و[]و[]]
