CSS Stacking Context inspector in Chrome with OffiDocs

AÇIKLAMA:

Run the Chrome online web store extension CSS Stacking Context inspector using OffiDocs Chromium online.

Hiç z-endeksi özelliğini kullanmayı denediniz mi, ne kadar yükseğe ayarlarsanız ayarlayın, beklendiği gibi çalışmayacağını mı öğrendiniz? Bunun nedeni, z-index özelliğinin "yığınlama bağlamları" adı verilen örtülü bir kavrama dayanmasıdır.

Bunların ne olduğunu ve nasıl çalıştıklarını araştırdıktan sonra (bilgileri MDN'de bulabilirsiniz), bu bağlamları incelemek ve karşılaşabileceğiniz z-index sorunlarını gidermek için bu devtools uzantısını kullanabilirsiniz.

Bu uzantı, yığınlama bağlamlarını ağaç görünümünde gösterecek yeni bir panel ekleyecek ve ayrıca öğeler paneline, seçilen öğe hakkında bazı yararlı bilgiler içeren yeni bir kenar çubuğu ekleyecektir.

Ayrıntılı belgeleri kontrol etmek için lütfen github sayfasına bakın: https://github.

com/andreadev-it/stacking-contexts-inspector Bir sorunu bildirmek veya özellik talebinde bulunmak istiyorsanız lütfen yukarıda belirtilen github deposundaki Sorun bölümünü kullanın.

DEĞİŞİM GÜNLÜĞÜ: • v.

1.

1.

13 - Moved to manifest v3.

Added z-index to the stacking context panel sidepan as well.

• v.

1.

1.

12 - Yığınlama bağlamları kontrol edilirken satıcı tarafından öneklenen özelliklerin algılanmamasıyla ilgili hata düzeltildi.

• v.

1.

1.

11 - Kenar çubuğundaki "Bağlam ayrıntıları" bölümüne z-endeksi değeri eklendi.

• v.

1.

1.

10 - CWS Güvenlik Politikasına uyum sağlamak için gereksiz izin talepleri kaldırıldı.

• v.

1.

1.

9 - iframe'ler ve shadowDOM içinde uygulanan bağlam DOM düğümü incelemesi.

Artık uzantı yerel dosyalarda da çalışıyor (file:/// şeması).

• v.

1.

1.

8 - Sayfa değiştiğinde uyarı eklendi, gölge DOM desteği ve temel ayarlar eklendi.

• v.

1.

1.

7 - Küçük stil düzeltmeleri.

Bazı küçük kod değişiklikleri nedeniyle artık Firefox'ta da mevcut.

Temizlenmiş kod.

• v.

1.

1.

5 - CSS modülleri geçişiyle ilgili hata düzeltildi (stilsiz döndürücü).

• v.

1.

1.

4 - Karanlık tema eklendi (önceden karanlık tema açıkken kullanılamıyordu).

• v.

1.

1.

3 - Sayfada gezinmedeki hata düzeltildi.

• v.

1.

1.

2 - "src" özelliği olmayan iframe'ler için destek eklendi ("src" içeren bazı iframe'ler çalışabilir ancak bu beklenmemelidir).

Ayrıca kenar çubuğuna (öğeler paneli) yükleme göstergesi de eklendi ve kenar çubuğunun artık kendi "bağlamları yenile" düğmesi var.

• v.

1.

1.

1 - Ekran esnekliğine veya ızgaraya sahip olan üst öğeler tarafından oluşturulan statik bağlamların tespit edilememesiyle ilgili hata düzeltildi.

• v.

1.

1.

0 - Artık uzantı, yüklendiğinde zaten açık olan sekmelerde çalışıyor.

- Sağ tıklama içerik menüsünün yerini bağlamsal düğmeler aldı çünkü düzgün çalışmıyordu (gelecekte tekrar eklenebilir).

- Artık yığınlama bağlamının yüklenmesi uzun sürdüğünde bağlam ağacı sayfası bir yükleme göstergesi gösterecek.

- Geliştirici tarafında, açık kaynak haline getirmenin ilk adımı olarak tüm kod ön harekete geçirilecek şekilde taşındı.

• v.

1.

0.

1 - Küçük erişilebilirlik değişiklikleri ve görsel ayarlamalar.

Ek bilgi:

- Andrea Dragotta tarafından sunulan
- Ortalama derecelendirme: 3.92 yıldız (beğendim)
- Geliştirici Bu e-posta adresi spam robotlarından korunuyor. Sen, görüntülüyebilmek için JavaScript etkinleştirilmelidir gerekir.

CSS Stacking Context inspector web extension integrated with the OffiDocs Chromium online