CSS Tanımsız Değişken Kontrolcüsü
CSS Tanımsız Değişken Kontrolcüsü, tanımsız CSS değişkenlerinin kullanımlarını tespit etmeye yardımcı olan Google Chrome için bir Devtools uzantısıdır. Özel özellikler/değişkenler kullanarak CSS yazıyorsanız, bu araç tam size göre. Bu araç, Chrome Geliştirici Araçlarına bir sekme ekleyerek, "var()" ifadeleri içinde kullanılan herhangi bir tanımsız CSS değişkenini kontrol etmenize olanak sağlar.
Bu uzantı, hem stil sayfalarını hem de iç içe stil özniteliklerini analiz eder ve sonuçları Geliştirici Araçları'nın Öğeler sekmesindeki kullanıcı dostu bir tabloda gösterir. Uzantıyı kullanmak için, sadece Google Chrome'da bir web sitesi açın, Geliştirici Araçlarını açın ve "CSS Tanımsız Değişken Kontrolcüsü" sekmesine gidin. "Tanımsız Değişkenleri Kontrol Et" düğmesine tıklamak, analizi başlatacak ve bulunan herhangi bir tanımsız CSS değişkenini tabloya yerleştirecektir.
Sonuçlar tablosu, tanımsız değişkenin adını, bulunduğu stil sayfasını veya iç içe stilini ve kullanıldığı sayfadaki öğeyi sağlar. Tablodaki bağlantılara tıklamak, Geliştirici Araçları'nın Öğeler sekmesinde sorunlu öğeyi vurgulayarak tanımsız değişkeni bulmayı kolaylaştırır.
Lütfen bu uzantının, Cross-Origin Resource Sharing tarafından sınırlanan stil sayfası bilgilerine erişmek için API'lere dayandığını unutmayın. Gerekli erişim başlıklarına sahip olmayan farklı kökenlere ait stil sayfaları analiz edilmeyecektir. Bununla birlikte, bu, uzantının diğer API erişilebilir stilleri analiz etme yeteneğini etkilemez.
İlgilenenler için, bu uzantının arkasındaki analiz mantığı aynı zamanda "npm" paketi olarak da mevcuttur.
