StylePeek — Tasarım Stil Denetleyicisi
Extension Actions
- Extension status: In-App Purchases
Herhangi bir sitede yazı tiplerini, renkleri ve boşlukları inceleyin. Yan panel açık kalır. DOM kirliliği yok, tek tıkla kopya
Herhangi bir web sitesinde yazı tiplerini, renkleri ve boşlukları anında inceleyin — DevTools'u açmadan.
StylePeek hız için tasarlanmış bir tasarım denetleyicisidir. Yan paneli açın, herhangi bir öğeye tıklayın ve stillerini anında görün. Sayfa yenileme yok, DOM kirliliği yok, zahmet yok.
NASIL ÇALIŞIR:
1. Yan paneli açmak için StylePeek simgesine tıklayın
2. "İncelemeyi Başlat"a tıklayın ve sayfadaki herhangi bir öğeyi seçin
3. Yan panelde tipografi, renkler ve boşlukları anında görün
4. Herhangi bir değeri tek tıkla kopyalayın
Yan panel gezinirken açık kalır — yeniden açmadan farklı sayfa ve sekmelerdeki öğeleri inceleyin.
ÜCRETSİZ ÖZELLİKLER:
- Yazı tipi ailesi, boyutu, kalınlığı ve satır yüksekliğini inceleme
- Önizleme örnekleriyle renk çıkarma (hex, RGB, HSL)
- Görsel kutu modeli ile dış ve iç boşluk ölçümü
- İncelenen herhangi bir değeri tek tıkla kopyalama
- Her web sitesinde çalışır
PRO ÖZELLİKLERİ:
- Stilleri Tailwind CSS sınıfları olarak dışa aktarma
- CSS özel özellikleri veya JSON tasarım tokenları olarak dışa aktarma
- Görsellerden renk çıkarma
- Tam sayfa tasarım analizi ve stil genel görünümü
GİZLİLİK:
- Tüm inceleme tarayıcınızda yerel olarak çalışır — hiçbir veri sunucuya gönderilmez
- DOM enjeksiyonu yok — incelenen sayfalar tamamen temiz kalır
- Ücretsiz özellikler için hesap gerekmez
ANA BİLGİSAYAR İZİNLERİ NEDEN GEREKLİ:
StylePeek'in tıkladığınız öğelerin CSS stillerini okumak için web sayfalarına erişmesi gerekir. Bu, yan panelin sekmeler arasında çalışması için gereklidir. Sayfa içeriği toplanmaz, saklanmaz veya iletilmez.
Referans siteleri inceleyen web tasarımcıları, düzen hatalarını ayıklayan frontend geliştiricileri ve tutarlılığı denetleyen tasarım sistemi ekipleri için idealdir.