Screen Ruler डाउनलोड करें – वेब डेवलपर्स के लिए बेस्ट CSS इंस्पेक्ट टूल
FeaturedCara Install Ekstensi Chrome
- Klik tombol "Chrome में जोड़ें" di atas.
- Anda akan diarahkan ke Chrome Web Store.
- Klik "Add to Chrome" pada halaman ekstensi.
- Konfirmasi dengan klik "Add Extension" pada popup.
- Ekstensi akan otomatis terpasang dan ikon muncul di toolbar.
- Klik ikon ekstensi di toolbar untuk mulai menggunakan.
Screenshot
वेब डिजाइन और डेवलपमेंट को बनाएं आसान
क्या आप एक वेब डेवलपर या डिजाइनर हैं जो अपनी वेबसाइट के लेआउट और डिज़ाइन को सटीक बनाना चाहते हैं? Screen Ruler आपके ब्राउज़र के लिए एक शक्तिशाली टूल है जो आपकी उत्पादकता को कई गुना बढ़ा देता है। यह एक्सटेंशन न केवल एक साधारण रूलर के रूप में काम करता है, बल्कि आपको किसी भी वेबसाइट के तत्वों को गहराई से समझने और मापने की सुविधा देता है।
भारतीय डेवलपर्स के लिए, जो तेजी से और सटीक वेब समाधान बनाना चाहते हैं, यह टूल एक अनिवार्य साथी है। चाहे आपको मार्जिन चेक करना हो, CSS कोड निकालना हो, या किसी एलिमेंट का स्क्रीनशॉट लेना हो, Screen Ruler यह सब एक ही जगह पर करता है, जिससे आपका कीमती समय बचता है।
मुख्य विशेषताएं (Key Features)
- किसी भी एलिमेंट की पिक्सेल लंबाई और चौड़ाई को आसानी से मापें।
- वेब पेज के किसी भी दो तत्वों के बीच की सटीक दूरी जानें।
- CSS और रंगों को सीधे वेब पेज से एक्सट्रैक्ट और कॉपी करें।
- HTML टैग, आईडी और क्लास नामों को तुरंत देखें।
- WCAG कॉन्ट्रास्ट फेल्योर की जांच करके एक्सेसिबिलिटी में सुधार करें।
- कीबोर्ड शॉर्टकट्स के माध्यम से तुरंत टूल को सक्रिय करें।
- चुनिंदा तत्वों के क्रॉप किए गए स्क्रीनशॉट लें।
- रेस्पॉन्सिव डिज़ाइनों के लिए बेहतरीन सपोर्ट।
कैसे उपयोग करें (How to Use)
- अपने ब्राउज़र में एक्सटेंशन इंस्टॉल करें और आइकन पर क्लिक करें या ‘Alt + Shift + R’ का उपयोग करें।
- वेब पेज पर किसी भी एलिमेंट पर माउस ले जाएं ताकि उसकी माप और CSS जानकारी दिखाई दे।
- किसी एलिमेंट को सेलेक्ट करने के लिए उस पर क्लिक करें, जिससे वह लाल रंग में हाइलाइट हो जाएगा।
- साइड पैनल में दिखाई देने वाली CSS जानकारी को कॉपी करें और अपने कोड में इस्तेमाल करें।
FAQ (सामान्य प्रश्न)
क्या Screen Ruler का उपयोग करना मुफ्त है?
हाँ, इसके कई मुख्य फीचर्स मुफ्त हैं, जबकि कुछ एडवांस फीचर्स के लिए PRO संस्करण उपलब्ध है।
क्या यह सभी ब्राउज़रों पर काम करता है?
यह अधिकांश क्रोमियम-आधारित ब्राउज़रों पर काम करता है, हालांकि कुछ ब्राउज़रों में संगतता की समस्या हो सकती है।
मैं शॉर्टकट कैसे बदल सकता हूँ?
आप chrome://extensions/shortcuts पर जाकर अपनी सुविधानुसार शॉर्टकट बदल सकते हैं।
क्या यह रेस्पॉन्सिव वेब डिज़ाइन के लिए उपयोगी है?
जी हाँ, यह एक्सटेंशन ब्राउज़र विंडो के साथ अपने आप रिसाइज हो जाता है, जो रेस्पॉन्सिव डेवलपमेंट के लिए एकदम सही है।
स्क्रीनशॉट कैसे लें?
एलिमेंट को सेलेक्ट करें और ‘Ctrl/Cmd + Shift + S’ दबाकर स्क्रीनशॉट कैप्चर करें।
आज ही Screen Ruler डाउनलोड करें और अपनी वेब डेवलपमेंट प्रक्रिया को आधुनिक और सटीक बनाएं। अपने डिजाइन को अगले स्तर पर ले जाने के लिए अभी इंस्टॉल करें!
उपयोगकर्ता Screen Ruler की कार्यक्षमता और उत्पादकता बढ़ाने की क्षमता की सराहना करते हैं, हालांकि साइड पैनल की स्थिरता और कुछ ब्राउज़रों के साथ संगतता में सुधार की आवश्यकता है।
Kelebihan
- डेवलपर्स के लिए बेहद उपयोगी और समय बचाने वाला टूल
- कई टूल्स की कार्यक्षमता को एक एक्सटेंशन में समेटता है
- लाइटवेट और तेज यूजर इंटरफेस
- सक्रिय और उत्तरदायी डेवलपर सपोर्ट
Kekurangan
- साइड पैनल की विश्वसनीयता और अपडेट होने में समस्या
- महत्वपूर्ण फीचर्स का भुगतान की दीवार (paywall) के पीछे होना
- विवाल्डी और ब्रेव जैसे कुछ ब्राउज़रों के साथ संगतता संबंधी समस्याएं
- शॉर्टकट और एक्टिवेशन में कभी-कभी तकनीकी खराबी
Ulasan Pengguna
खराब।
बेहतरीन 🔥
उत्कृष्ट। यह एक्सटेंशन वास्तव में बहुत मददगार है। हालाँकि, मैंने एक कार्यात्मक समस्या देखी है: एलिमेंट सेलेक्ट करने पर साइड पैनल अपडेट नहीं होता है।
| ID Ekstensi | jfbbgijjljfbolelfkopkhbfjajjampm |
|---|---|
| संस्करण | 3.26.1 |
| आकार | 0.9 MB |
| Developer | https://screen-ruler.com |
| Terakhir Diperbarui | |
| Tanggal Rilis | |
| Jumlah Pengguna | 50.000++ |
| Jumlah Ulasan | 56 |
| Chrome Store Ranking | #3688 |
| श्रेणी | Developer |
| Tipe | Paid |
| Status | Featured Extension |