Debug CSS Google Chrome için

Pranay Joshi'den krom için CSS hata ayıklama

Debug CSS, sayfadaki tüm öğelerin ana hatlarını görmenizi sağlayan, Google Chrome için hafif bir uzantıdır. Bu, geliştiricilerin, tasarımcıların ve oyun yapımcılarının web sitelerinde ve uygulamalarında hata ayıklamalarına yardımcı olacak yararlı bir araçtır.

Bu uzantıyla, sayfadaki tüm öğelerin stillerini kolayca görüntüleyebilirsiniz. Açmak veya kapatmak için simgeyi tıklamanız yeterlidir.

Kurduktan sonra Ctrl düğmesine basarak ve öğenin üzerine gelerek kullanabilirsiniz. Öğe adını ve değerini göreceksiniz.

Öğe adı ve değeri farklı bir renkte gösterilecektir.

Bu, geliştiricilerin ve tasarımcıların hata ayıklamalarına yardımcı olacak çok kullanışlı bir araçtır. uygulamaları ve web siteleri.

Nasıl kullanılır?

Yüklemeden sonra, CSS dosyasına şu kodu eklemeniz gerekecek:

`

* {

anahat: 1px düz kırmızı;

}`

Chrome'un en son sürümüne sahip olduğunuzdan emin olmanız gerekir.