Tarayıcı eklentisi olarak geliştirilen CSS Scan 2.0 uygulaması, geliştiricilerin bir websitesi üzerindeki herhangi bir elementin CSS detaylarını kolaylıkla görmesini ve kopyalamasına olanak sağlıyor.
Bağımsız geliştirici Guilherme tarafından geliştirilen eklenti oldukça kolay kullanıma sahip. Eklentiyi Google Chrome veya Mozilla Firefox tarayıcısına kurduktan sonra açtığınız bir web sayfasında eklentiyi çalıştırmanız yeterli. Eklenti aktif hale geldikten sonra bulunduğunuz web sayfasında elementler üzerinde dolaşarak CSS detaylarını şık biçimde görüntüleyebilirsiniz. Eğer bu CSS detaylarını aynen kopyalamak isterseniz üzerine geldiğiniz elemente tıklamanız yeterli. Eklenti sizin için bu CSS detaylarını kopyalayacaktır.
Eklentiyi çalıştırdığınızda sadece CSS detaylarını değil sitede kullanılan grid şemasını da görebiliyorsunuz. Options kısmından "show grid" özelliğini aktifleştirerek elementlerin grid içerisinde nasıl yerleşime sahip olduğunu da eklenti sizin için gösteriyor.
Bu arada tarayıcı eklentisinin ücretsiz olmadığını da belirtmiş olalım. Eklenti şu anda $19.99 fiyat etiketiyle satışa sunuluyor. Eğer eklentiyi test etmek isterseniz https://getcssscan.com/ adresinden test edebilir ve dilerseniz satın alabilirsiniz.