StylePeek — डिज़ाइन स्टाइल इंस्पेक्टर
Extension Actions
- Extension status: In-App Purchases
किसी भी वेबसाइट पर फ़ॉन्ट, रंग और स्पेसिंग की तुरंत जाँच। साइड पैनल खुला रहता है। DOM में कोई बदलाव नहीं, एक क्लिक कॉपी
किसी भी वेबसाइट पर फ़ॉन्ट, रंग और स्पेसिंग की तुरंत जाँच करें — DevTools खोले बिना।
StylePeek तेज़ी के लिए बनाया गया एक डिज़ाइन इंस्पेक्टर है। साइड पैनल खोलें, किसी भी एलिमेंट पर क्लिक करें, और उसकी स्टाइल तुरंत देखें। कोई पेज रीलोड नहीं, DOM में कोई बदलाव नहीं, कोई झंझट नहीं।
यह कैसे काम करता है:
1. साइड पैनल खोलने के लिए StylePeek आइकन पर क्लिक करें
2. "जाँच शुरू करें" पर क्लिक करें और पेज पर कोई भी एलिमेंट चुनें
3. साइड पैनल में टाइपोग्राफ़ी, रंग और स्पेसिंग तुरंत देखें
4. किसी भी वैल्यू को एक क्लिक में कॉपी करें
साइड पैनल ब्राउज़ करते समय खुला रहता है — बिना दोबारा खोले अलग-अलग पेज और टैब पर एलिमेंट की जाँच करें।
मुफ़्त सुविधाएँ:
- फ़ॉन्ट फ़ैमिली, साइज़, वेट और लाइन हाइट की जाँच
- प्रीव्यू स्वैच के साथ रंग निकालें (hex, RGB, HSL)
- विज़ुअल बॉक्स मॉडल के साथ मार्जिन और पैडिंग मापें
- किसी भी जाँची गई वैल्यू को एक क्लिक में कॉपी करें
- किसी भी वेबसाइट पर काम करता है
PRO सुविधाएँ:
- स्टाइल को Tailwind CSS क्लासेस के रूप में एक्सपोर्ट करें
- CSS कस्टम प्रॉपर्टीज़ या JSON डिज़ाइन टोकन के रूप में एक्सपोर्ट करें
- इमेज से रंग निकालें
- पूरे पेज का डिज़ाइन विश्लेषण और स्टाइल ओवरव्यू
गोपनीयता:
- सारी जाँच आपके ब्राउज़र में स्थानीय रूप से होती है — कोई डेटा किसी सर्वर को नहीं भेजा जाता
- DOM में कोई इंजेक्शन नहीं — जाँची गई पेज पूरी तरह साफ़ रहती हैं
- मुफ़्त सुविधाओं के लिए किसी अकाउंट की ज़रूरत नहीं
होस्ट अनुमतियाँ क्यों:
StylePeek को वेब पेज पर एक्सेस की ज़रूरत है ताकि आपके द्वारा क्लिक किए गए एलिमेंट की CSS स्टाइल पढ़ सके। यह सभी टैब में साइड पैनल के काम करने के लिए ज़रूरी है। पेज का कोई भी कंटेंट एकत्र, संग्रहीत या प्रेषित नहीं किया जाता।
रेफ़रेंस साइट देखने वाले वेब डिज़ाइनरों, लेआउट डीबग करने वाले फ़्रंटएंड डेवलपर्स और कंसिस्टेंसी ऑडिट करने वाली डिज़ाइन सिस्टम टीमों के लिए आदर्श।