مفتش سياق تكديس CSS في Chrome باستخدام OffiDocs

الوصف:

قم بتشغيل ملحق متجر Chrome الإلكتروني عبر الإنترنت، CSS Stacking سياق المفتش باستخدام OffiDocs Chromium عبر الإنترنت.

هل سبق لك أن حاولت استخدام خاصية 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 مدمج مع OffiDocs Chromium عبر الإنترنت