फ्रंट-एंड इंजीनियर
DevTools टॉगल किए बिना और विंडो से जूझे बिना, असली डिवाइस चौड़ाई पर लाइव DOM के सामने ब्रेकपॉइंट जाँचें।
नयावर्कस्पेस बोर्ड - एक साथ 10 डिवाइस
आपकी वेबसाइट, बेदाग़हर iPhone पर।
Viewport उसी साइट पर असली स्पेसिफिकेशन वाले डिवाइस फ़्रेम चढ़ा देता है जिसे आप पहले से देख रहे हैं। ब्रेकपॉइंट साथ-साथ रखकर तुलना करें, QA से पहले लेआउट की गड़बड़ियाँ पकड़ें, और फ़्रेम वाले स्क्रीनशॉट या 4K रिकॉर्डिंग एक्सपोर्ट करें - पूरी तरह आपकी अपनी मशीन पर।
कोई भी साइट · 38 डिवाइस · टैब के बीच सेटिंग सिंक · न अकाउंट, न टेलीमेट्री, न अपलोड
Chrome वेब स्टोर★ 5.0·5,000+ उपयोगकर्ता
फ़ीचर्डChrome द्वारा सुझाया गया
yourstore.com
यह किसके लिए है
एक एक्सटेंशन, तीन तरह का काम
जो लोग रिस्पॉन्सिव इंटरफ़ेस बनाते हैं, जो उन्हें डिज़ाइन करते हैं, और जिन्हें यह साबित करना पड़ता है कि वे सचमुच काम करते हैं।
प्रोडक्ट डिज़ाइनर
सटीक फ़्रेम में स्पेसिंग, टाइप स्केल और सेफ़ एरिया देखें, फिर फ़्रेम वाले कैप्चर सीधे स्पेक या प्रेज़ेंटेशन में एक्सपोर्ट करें।
एजेंसियाँ और फ्रीलांसर
कॉल पर लाइव ही रिस्पॉन्सिव क्वालिटी दिखाएँ। एक स्क्रीन-शेयर में डेस्कटॉप और मोबाइल साथ चलते दिखते हैं, विंडो बाँटने की ज़रूरत नहीं।
क्षमताएँ
चार चीज़ें जो यह बेहद अच्छी तरह करता है
फ़ीचर का ढेर नहीं। पूरा एक्सटेंशन इन्हीं चार क्षमताओं के इर्द-गिर्द बना है।
लाइव डेमो
एक्सटेंशन यहीं चलाकर देखिए
यही असली तरीका है: टूलबार से डिवाइस चुनिए, घुमाइए, स्क्रीनशॉट लीजिए, रिकॉर्ड दबाइए। पीछे जो पेज है, वह आपकी साइट है।
yourpage.com
402 x 874/34%
बिल्ड से मंज़ूरी तक
कोई पूछे उससे पहले साबित कीजिए
रिस्पॉन्सिव क्वालिटी बताने से कहीं आसान दिखाना है। Viewport एक अंदरूनी जाँच को ऐसी चीज़ बना देता है जो सीधे क्लाइंट को सौंपी जा सके।
शुरुआत
तीन क्लिक में चालू
न कोई कॉन्फ़िग फ़ाइल, न अकाउंट, न प्रोजेक्ट सेटअप।
01
कोई भी पेज खोलिए
टूलबार आइकन पर क्लिक कीजिए। लाइव साइट के ऊपर एक डिवाइस आ जाता है, पहले से लोड और पूरी तरह इंटरैक्टिव।
02
व्यू सजाइए
डिवाइस चुनिए, घुमाइए, आकार बदलिए और जहाँ चाहें खींच ले जाइए - या फ़ोन, टैबलेट और मॉनिटर का पूरा बोर्ड लगा दीजिए।
03
तुलना और कैप्चर
हर फ़्रेम में एक साथ स्क्रॉल कीजिए, फिर फ़्रेम वाला स्क्रीनशॉट एक्सपोर्ट कीजिए या पूरा वॉकथ्रू रिकॉर्ड कर लीजिए।
मापा गया, दावा नहीं
जहाँ Viewport आगे निकलता है
Chrome वेब स्टोर के सबसे ज़्यादा इंस्टॉल किए गए रिस्पॉन्सिव प्रीव्यू एक्सटेंशन के मुक़ाबले जाँचा गया।
लोकल-फ़र्स्ट आर्किटेक्चर
कुछ भी आपकी मशीन से बाहर नहीं जाता, और हम तरीका भी दिखाते हैं
आपके डेटा के लिए Viewport का कोई बैकएंड नहीं है। न एनालिटिक्स, न टेलीमेट्री, न दूर से लोड होने वाला कोड। सेटिंग chrome.storage.local में रहती हैं; कैप्चर सीधे आपकी डिस्क पर उतरते हैं।
किसी पेज को फ़्रेम के अंदर दिखाने के लिए ब्राउज़र हमसे प्रीव्यू रिक्वेस्ट पर X-Frame-Options और Content-Security-Policy ढीले करवाते हैं। हम इसे सिर्फ़ प्रीव्यू वाले ऑरिजिन तक सीमित रखते हैं (पेज के थर्ड-पार्टी फ़्रेम की सुरक्षा वैसी ही रहती है) और चालू रहने तक एक बैनर दिखाते हैं। प्रीव्यू बंद करते ही यह हट जाता है।
ज़्यादातर टूल यह चुपचाप करते हैं, और पूरे टैब पर करते हैं। हमें बेहतर लगता है कि आपको पता हो।
कीमत
हमेशा के लिए मुफ़्त। Pro तब, जब काम माँगे।
मुफ़्त प्लान बिना समय-सीमा वाला असली टूल है, ट्रायल नहीं।
मुफ़्त
$0हमेशा के लिए
- सभी 38 डिवाइस फ़्रेम
- स्क्रीन पर 3 डिवाइस तक
- असीमित फ़्रेम वाले स्क्रीनशॉट
- 2 मिनट की WebM रिकॉर्डिंग
- सख़्त साइटों पर असली विंडो का विकल्प
Pro
सबसे लोकप्रिय$4.17/ माह, सालाना $50 लिया जाएगा
- मुफ़्त वाला सब कुछ, साथ में:
- 10 डिवाइस वाले बोर्ड और सेव किए गए सीन
- असीमित 4K MP4, ट्रिम और स्पीड
- बिल्ड तुलना और लेआउट जाँच
- नेटवर्क थ्रॉटलिंग, लोकेशन और लोकेल
मुफ़्त प्लान, खाता ज़रूरी नहींकभी भी रद्द करेंLemon Squeezy से सुरक्षित भुगतान
आम सवाल
आपके पूछने से पहले, जवाब
इंस्टॉल करने से पहले हर डेवलपर के पाँच सवाल।
नहीं, और ब्राउज़र के अंदर चलने वाली कोई भी चीज़ नहीं ले सकती। Viewport आपके असली पेज को हर डिवाइस की सही व्यूपोर्ट चौड़ाई पर, मेल खाते client hints के साथ रेंडर करता है, जिससे लेआउट और ब्रेकपॉइंट की ज़्यादातर दिक्कतें पकड़ में आ जाती हैं। रिलीज़ से पहले की अहम जाँच अब भी असली डिवाइस पर ही होनी चाहिए।
ऐसे ब्रेकपॉइंट भेजना बंद कीजिए जो आपने कभी देखे ही नहीं।
Viewport को Chrome में जोड़िए और उसी पेज पर हर डिवाइस जाँचिए जिसे आप पहले से देख रहे हैं। मुफ़्त, बिना अकाउंट, कुछ भी अपलोड किए बिना।