Z-Context: Etkili Stacking Context İncelemesi
Z-Context, Chrome için geliştirilmiş bir DevTools uzantısıdır. Bu uzantı, web geliştiricilerine element panelinde stacking context'leri ve z-index değerlerini görselleştirme imkanı sunar. Bu sayede, z-index değerlerinin yanlış kullanılmasını önleyerek, daha doğru ve verimli bir tasarım süreci sağlar. Geliştiriciler, mevcut bir elementin bir stacking context oluşturup oluşturmadığını, nedenini ve ebeveyn stacking context'inin ne olduğunu kolayca öğrenebilirler.
Uzantının sunduğu özellikler arasında, iframe'lerin incelenmesi ve z-index kurallarının güncellenmesi gibi işlevler bulunmaktadır. Son güncellemelerle birlikte, manifest v3'e geçiş yapılmış ve geliştirme kullanım durumları için http protokolü eklenmiştir. Kullanıcılar, z-index değerlerinin yanı sıra, flex-item'ların görüntüleme nedenlerini ve opacity/transform gibi durumlar için stacking context oluşturulup oluşturulmadığını da inceleyebilirler.