مفتش CSS Stacking Context في Chrome مع OffiDocs

الوصف

هل سبق لك أن حاولت استخدام خاصية z-index ، فقط لتكتشف أنه ، بغض النظر عن مدى ارتفاعها ، لن تعمل كما هو متوقع؟ ذلك لأن خاصية z-index تعتمد على مفهوم ضمني يسمى "سياقات التراص".

بعد البحث عن ماهيتها وكيفية عملها (المعلومات التي يمكنك العثور عليها على MDN) ، يمكنك استخدام ملحق devtools هذا لفحص هذه السياقات واستكشاف أي مشكلة قد تواجهها في مؤشر z وإصلاحها.

سيضيف هذا الامتداد لوحة جديدة تعرض سياقات التراص في عرض الشجرة ، كما ستلحق شريطًا جانبيًا جديدًا بلوحة العناصر مع بعض المعلومات المفيدة حول العنصر المحدد.

للتحقق من الوثائق المتعمقة ، يرجى الرجوع إلى صفحة جيثب: https: // github.

com / andreadev-it / stacking-contexts-inspector إذا كنت تريد الإبلاغ عن مشكلة أو تقديم طلب ميزة ، فالرجاء استخدام قسم المشكلة في مستودع github المذكور أعلاه.

التغيير: • v.

1.1.13 - تم النقل لبيان v3. تمت إضافة فهرس z إلى لوحة سياق التراص الجانبية أيضًا.

• الخامس.

1.1.12 - لم يتم اكتشاف خطأ ثابت بخصائص ببادئة البائع عند التحقق من سياقات التراص.

• الخامس.

1.1.11 - تمت إضافة قيمة مؤشر z إلى قسم "تفاصيل السياق" في الشريط الجانبي.

• الخامس.

1.1.10 - تمت إزالة طلب الإذن غير الضروري للامتثال لسياسة أمان CWS.

• الخامس.

1.1.9 - تنفيذ فحص عقدة DOM في سياق إطار iframes و shadowDOM.

يعمل الامتداد الآن أيضًا على الملفات المحلية (ملف: /// مخطط).

• الخامس.

1.1.8 - تمت إضافة تحذير عند تغيير الصفحة ، ودعم Shadow DOM والإعدادات الأساسية.

• الخامس.

1.1.7 - إصلاحات طفيفة.

الآن أصبح متاحًا أيضًا على Firefox بسبب بعض التغييرات الطفيفة في التعليمات البرمجية.

كود تنظيف.

• الخامس.

1.1.5 - إصلاح الخلل المتعلق بانتقال وحدات css (الدوار غير المصمم).

• الخامس.

1.1.4 - تمت إضافة سمة داكنة (كانت غير قابلة للاستخدام سابقًا مع تشغيل السمة الداكنة).

• الخامس.

1.1.3 - إصلاح الخلل في التنقل في الصفحة.

• الخامس.

1.1.2 - تمت إضافة دعم لإطارات iframe بدون سمة "src" (قد تعمل بعض إطارات iframes التي تحتوي على "src" ، ولكن لا ينبغي توقع ذلك).

أيضًا ، تم تقديم مؤشر التحميل في الشريط الجانبي (لوحة العناصر) أيضًا ، ويحتوي الشريط الجانبي الآن على زر "سياقات التحديث" الخاص به.

• الخامس.

1.1.1 - إصلاح الخلل حيث تكون السياقات الثابتة التي أنشأها والدهم تحتوي على شاشة مرنة أو شبكة حيث لم يتم اكتشافها.

• الخامس.

1.1.0 - يعمل الامتداد الآن على علامات التبويب التي كانت مفتوحة بالفعل عند تثبيته.

- تم استبدال قائمة سياق النقر بزر الماوس الأيمن بأزرار سياقية ، لأنها لا تعمل بشكل صحيح (يمكن إضافتها مرة أخرى في المستقبل).

- الآن ستعرض صفحة شجرة السياق مؤشر تحميل عندما يستغرق تحميل سياق التراص وقتًا طويلاً.

- من جانب المطور ، تم نقل كل الكود للعمل مسبقًا ، كخطوة أولى لجعله مفتوح المصدر.

• الخامس.

1.0.1 - تغييرات صغيرة في إمكانية الوصول وتعديلات مرئية.

معلومات إضافية:

- مقدمة من أندريا دراجوتا
- متوسط ​​التقييم: 3.92 نجوم (أحببته)
- مطور محمي عنوان البريد الإلكتروني هذا من المتطفلين و برامج التطفل. تحتاج إلى تفعيل جافا سكريبت لتتمكن من مشاهدته.

ويب مفتش سياق التراص CSS extension متكامل مع OffiDocs Chromium online