מפקח ההקשר הערימה של CSS נכנס Chrome עם OffiDocs

תיאור

האם ניסית פעם להשתמש במאפיין z-index, רק כדי לגלות שלא משנה כמה גבוה תגדיר אותו, זה לא יעבוד כמצופה? הסיבה לכך היא שהמאפיין z-index מסתמך על מושג מרומז שנקרא "הקשרים הערימה".

לאחר שבדקתם מה הם ואיך הם עובדים (מידע שתוכלו למצוא ב-MDN), תוכלו להשתמש בתוסף devtools הזה כדי לבדוק את ההקשרים הללו ולפתור כל בעיה של Z-index שאתם עלולים להתמודד איתם.

הרחבה זו תוסיף חלונית חדשה שתציג הקשרי הערמה בתצוגת עץ, וכן תוסיף סרגל צד חדש לחלונית האלמנטים עם מידע שימושי על האלמנט הנבחר.

כדי לבדוק תיעוד מעמיק, עיין בדף github: https://github.

com/andreadev-it/stacking-contexts-inspector אם ברצונך לדווח על בעיה או להגיש בקשת תכונה, אנא השתמש בסעיף הבעיה במאגר github הנ"ל.

CHANGELOG: • v.

1.1.13 - הועבר למניפסט v3. הוסיף Z-index גם ללוח הצד של ההקשר של הערמה.

• v.

1.1.12 - תיקן באג עם מאפיינים עם קידומת ספק לא זוהה בעת בדיקת הקשרי ערימה.

• v.

1.1.11 - ערך z-index נוסף לקטע "פרטי הקשר" בסרגל הצד.

• v.

1.1.10 - הוסרה בקשת הרשאה מיותרת לציית למדיניות האבטחה של CWS.

• v.

1.1.9 - מיושם בדיקת צומת DOM בהקשר בתוך iframes ו-shadowDOM.

כעת התוסף עובד גם על קבצים מקומיים (קובץ:/// Schema).

• v.

1.1.8 - נוספה אזהרה כאשר הדף משתנה, תמיכה ב-Shadow DOM והגדרות בסיסיות.

• v.

1.1.7 - תיקוני סגנון קטנים.

כעת הוא זמין גם בפיירפוקס בגלל כמה שינויים קטנים בקוד.

קוד ניקה.

• v.

1.1.5 - תוקן באג הקשור למעבר מודולי css (ספינר לא מעוצב).

• v.

1.1.4 - נוסף ערכת נושא כהה (קודם לכן זה לא היה שמיש עם ערכת הנושא האפל דולקת).

• v.

1.1.3 - תוקן באג בניווט בעמודים.

• v.

1.1.2 - נוספה תמיכה עבור iframes ללא תכונת "src" (ייתכן שחלק iframes עם "src" יעבדו, אך אין לצפות לכך).

כמו כן, מחוון הטעינה הוצג גם בסרגל הצד (חלונית האלמנטים), ולסרגל הצד יש כעת כפתור "רענון הקשרים" משלו.

• v.

1.1.1 - תיקן באג שבו הקשרים סטטיים שנוצרו על ידי ההורה שלהם עם גמישות תצוגה או רשת לא זוהו.

• v.

1.1.0 - כעת התוסף עובד על כרטיסיות שכבר היו פתוחות כשהיא הותקנה.

- תפריט ההקשר של לחיצה ימנית הוחלף בלחצני הקשר, מכיוון שהוא לא פעל כהלכה (ייתכן שהוא יתווסף שוב בעתיד).

- כעת עמוד עץ ההקשר יציג מחוון טעינה כאשר ההקשר של הערימה לוקח זמן רב לטעון.

- בצד המפתחים, כל הקוד הועבר ל-preact, כצעד ראשון להפוך אותו לקוד פתוח.

• v.

1.0.1 - שינויים קטנים בנגישות ותיקונים חזותיים.

מידע נוסף:

- בהצעת אנדריאה דרגוטה
- דירוג ממוצע: 3.92 כוכבים (אהבתי)
- מפתח כתובת דוא"ל זו מוגנת מפני spambots. אתה צריך לאפשר Javascript בכדי לצפות בה.

CSS Stacking Context web מפקח extension משולב עם ה-OffiDocs Chromium באינטרנט