CRX id
jfbbgijjljfbolelfkopkhbfjajjampm
jfbbgijjljfbolelfkopkhbfjajjampm
Description from extension meta
किसी भी वेब पेज पर किसी भी तत्व के आकार, दूरी, मार्जिन और पैडिंग को मापें।
Image from store
Description from store
Screen Ruler वेब डेवलपर्स और डिजाइनरों के लिए उनकी वेबसाइट्स की कार्यान्वयन को सत्यापित करने के लिए एक आदर्श साथी है। एक बार सक्रिय होने के बाद, Screen Ruler आपको किसी भी तत्व पर होवर करने पर उनके आकार, मार्जिन, पैडिंग, टैग नाम, आईडी और क्लासेस देखने की अनुमति देता है। आप अन्य तत्वों के साथ दूरी मापने के लिए भी किसी तत्व का चयन कर सकते हैं।
उपयोग
- Screen Ruler को सक्रिय/निष्क्रिय करने के लिए, एक्सटेंशन आइकन पर क्लिक करें, राइट-क्लिक संदर्भ मेनू से "Screen Ruler" चुनें, या शॉर्टकट `Alt/Option + Shift + R` का उपयोग करें।
- वेब पेजों पर तत्वों पर होवर करें ताकि उनके आकार, मार्जिन, पैडिंग, टैग नाम, आईडी और क्लासेस प्रदर्शित हो सकें।
- किसी तत्व को सीधे उस पर क्लिक करके चुनें, यह हाइलाइट को लाल कर देगा। चयन रद्द करने के लिए, फिर से क्लिक करें, एस्केप दबाएं या किसी अन्य तत्व को चुनें।
- किसी तत्व के पैरेंट को चुनने के लिए, `Alt/Option + Up` का उपयोग करें, जिससे आपका चयन पैरेंट तत्व पर चला जाएगा। चयन को उलटने के लिए, `Alt/Option + Down` का उपयोग करें।
- वर्तमान में चयनित तत्व के गणना किए गए CSS को देखने के लिए साइड पैनल खोलें। चयनित आइटम के गणना किए गए CSS को क्लिपबोर्ड पर कॉपी करने के लिए "Copy CSS" बटन पर क्लिक करें।
विशेषताएं
- किसी भी तत्व का पिक्सेल आकार मापें।
- किसी भी दो तत्वों के बीच की पिक्सेल दूरी मापें।
- HTML टैग नाम, क्लास नाम और आईडी।
- पैरेंट/चाइल्ड चयन शॉर्टकट्स।
- प्रतिक्रियाशील चयन आपके ब्राउज़र विंडो के साथ आकार बदलते हैं।
- संदर्भ मेनू से पहुंच।
- गणना किया गया CSS निरीक्षण।
- CSS को क्लिपबोर्ड पर कॉपी करें।
- किसी भी वेब पेज पर काम करता है।
- शॉर्टकट्स को अनुकूलित करने के लिए `chrome://extensions/shortcuts` पर जाएं।
Screen Ruler PRO
Screen Ruler एक PRO स्तर भी प्रदान करता है जो अतिरिक्त सुविधाओं को अनलॉक करता है।
1. तत्व निरीक्षण: जब आप अपने माउस को किसी तत्व पर ले जाते हैं, तो उसकी संपत्तियां देखें। इसमें तत्व की स्थिति, आकार, रेंडर की गई फ़ॉन्ट, रंग और अधिक के बारे में जानकारी शामिल है।
2. लेआउट ग्रिड: अपनी डिज़ाइनों की संरेखण को मान्य करने के लिए साइट के ऊपर एक लेआउट ग्रिड सुपरइंपोज करें।
3. वर्तमान में हाइलाइट किए गए क्षेत्र का स्क्रीनशॉट कैप्चर करें स्क्रीनशॉट नियंत्रण पर क्लिक करके या शॉर्टकट `Ctrl/Command + Shift + S` का उपयोग करके। दस्तावेज़ीकरण के लिए या Github टिकटों में संलग्न करने के लिए बिल्कुल सही।
4. ब्राउज़र साइड पैनल में उन्नत गुण देखें, जिसमें तत्व बॉक्स मॉडल, चयन रंग, संपत्तियां और अधिक शामिल हैं।
Screen Ruler PRO के लिए जीवनकाल की पहुंच के लिए एक बार का भुगतान आवश्यक है। PRO में अपग्रेड करने के लिए, संदर्भ मेनू में "Upgrade to PRO" पर क्लिक करें या उन्नयन विकल्प देखने के लिए एक्सटेंशन आइकन पर राइट-क्लिक करें।
Screen Ruler निम्नलिखित के लिए बनाया गया है
- डेवलपर्स: लेआउट समस्याओं को ढूंढना या संरेखण समस्याओं की पहचान करना। चाहे आप मार्जिन और पैडिंग को समायोजित कर रहे हों, या सिर्फ यह सुनिश्चित कर रहे हों कि सब कुछ सही ढंग से संरेखित हो, Screen Ruler आपके विकास टूलकिट का एक अनिवार्य हिस्सा बन जाता है।
- डिजाइनर: सुनिश्चित करें कि आपके डिज़ाइन पिक्सेल-परफेक्ट सटीकता के साथ लागू किए गए हैं। Screen Ruler डिजाइन और विकास के बीच एक पुल के रूप में कार्य करता है, जिससे आप यह जांच सकते हैं कि हर तत्व ठीक वैसे ही संरेखित है जैसा आपने इरादा किया था।
स्थापना
- Screen Ruler विशेष रूप से Google Chrome 116+ में स्थिरता के लिए डिज़ाइन किया गया है।
- Screen Ruler किसी भी Chromium ब्राउज़र पर इंस्टॉल किया जा सकता है, हालांकि, सर्वोत्तम अनुभव के लिए सुनिश्चित करें कि आपका ब्राउज़र सभी आवश्यक एपीआई (जैसे साइड पैनल और ऑफस्क्रीन) का समर्थन करता है। यदि स्थापना में कोई समस्या आती है, तो अपने ब्राउज़र को नवीनतम संस्करण में अपडेट करें और फिर से प्रयास करें।