मोबाइल दृश्य पर स्विच करें

आधुनिक वेब दर्शक शांत नहीं बैठते। वे काम पर 27 इंच के मॉनिटर से लेकर ट्रेन में पॉकेट-साइज़ स्क्रीन तक उछलते हैं, और वे उम्मीद करते हैं कि हर साइट दोनों के लिए खास तौर पर बनाई गई हो। डिज़ाइनर, डेवलपर, मार्केटर और यहां तक कि रोज़मर्रा के पावर यूज़र्स के लिए, यह रोज़ाना एक सवाल उठाता है: “यह पेज असली फ़ोन पर कैसा दिखेगा?” Chrome के अपने DevTools इसका जवाब दे सकते हैं—जब आप मेनू, पैनल और डिवाइस फ़्रेम के ढेर में से खोजते हैं। मोबाइल व्यू पर स्विच करने से यह यात्रा एक क्लिक या शॉर्टकट तक सिमट जाती है,

टूलबार आइकन पर टैप करें (या Alt + M दबाएँ) और वर्तमान पृष्ठ तुरन्त हैंडसेट के आकार के व्यूपोर्ट तक सीमित हो जाता है। एक नरम ग्रे बैकड्रॉप पृष्ठ को ब्राउज़र विंडो के बाकी हिस्सों से अलग करता है, जिससे आपकी सामग्री स्टार बन जाती है और आपको यह याद दिलाती है कि मोबाइल व्यू सक्रिय है। एक छोटा बैज कोने में मँडराता है जो वर्तमान डिवाइस प्रीसेट प्रदर्शित करता है—iPhone 14 से शुरू होकर,

एक्सटेंशन तीन सबसे ज़्यादा अनुरोध किए जाने वाले ब्रेकपॉइंट के साथ आता है—iPhone 14 (390 × 844 px), Pixel 7 (412 × 915 px), और iPad मिनी (768 × 1024 px)। प्रत्येक प्रीसेट मेटा व्यूपोर्ट टैग, एलिमेंट की चौड़ाई और स्क्रॉल व्यवहार को चुने गए डिवाइस के अनुभव की नकल करने के लिए समायोजित करता है।

लाभ किसे होगा?
फ्रंट-एंड डेवलपर्स DevTools खोले बिना सेकंड में लेआउट रिग्रेशन को पकड़ सकते हैं - एकाधिक शाखाओं या स्टेजिंग सर्वरों को संभालने के लिए यह आदर्श है।

यूआई/यूएक्स डिजाइनर नए फिग्मा कंप्स को इंजीनियरिंग में भेजने से पहले एक त्वरित विवेक जांच प्राप्त करते हैं।

गुणवत्ता आश्वासन टीमें तेजी से प्रतिक्रियात्मक परीक्षण के लिए स्वचालित परीक्षण सूट में कीबोर्ड शॉर्टकट की स्क्रिप्ट बना सकती हैं।

सामग्री निर्माता और विपणक छोटे स्क्रीन पर पठनीयता सुनिश्चित करने के लिए न्यूज़लेटर्स, लैंडिंग पेज और सोशल एम्बेड का पूर्वावलोकन करते हैं।

मोबाइल उपयोगकर्ताओं द्वारा रिपोर्ट की गई समस्याओं को हल करने वाले ग्राहक-सहायता एजेंटों को अब भौतिक उपकरणों या सिमुलेटर की आवश्यकता नहीं है।

उत्तरदायी डिज़ाइन अवधारणाओं की खोज करने वाले शिक्षकों और छात्रों को एक सुलभ, अनुमति-सुरक्षित सैंडबॉक्स मिलता है।

चाहे आप लॉन्च से कुछ मिनट पहले चेकआउट प्रवाह को ठीक कर रहे हों या महत्वाकांक्षी डेवलपर्स से भरी कक्षा को पढ़ा रहे हों, यह एक्सटेंशन लगभग बिना किसी सीखने की अवस्था के आपके वर्कफ़्लो में समा जाता है।