HTML/CSS पूर्वावलोकन
अलग सैंडबॉक्स iframe में बदलने योग्य मोबाइल और डेस्कटॉप चौड़ाई पर अनुकूल लेआउट की तुलना करें।
स्क्रिप्ट हटाए जाते हैं और कभी नहीं चलाए जाते। पूर्वावलोकन बिना allow-scripts वाले sandbox iframe में चलता है। यह केवल लेआउट का पूर्वावलोकन है; असली उपकरण, DPR या वास्तविक ब्राउज़र के सटीक व्यवहार का अनुकरण नहीं करता।
मोबाइल
डेस्कटॉप
उपयोग कैसे करें
उपयोग कैसे करें
- HTML और CSS अलग-अलग संपादकों में चिपकाएँ।
- मोबाइल और डेस्कटॉप पृष्ठ क्षेत्र की चौड़ाई बदलें।
- दोनों पूर्वावलोकन देखें; यह लेआउट का अनुमान है, असली उपकरण या DPR का अनुकरण नहीं।
स्क्रिप्ट नहीं चलतीं
srcdoc में डालने से पहले script तत्व और इनलाइन घटना विशेषताएँ हटती हैं। हर iframe में sandbox="" है और allow-scripts नहीं है, इसलिए चिपकाया JavaScript नहीं चल सकता।
बदलने योग्य चौड़ाई
मोबाइल और डेस्कटॉप फ्रेम के लिए अलग पिक्सेल चौड़ाई तय करें। फ्रेम वर्तमान ब्राउज़र विंडो के भीतर उन CSS पृष्ठ चौड़ाइयों पर लेआउट दिखाते हैं।
स्पष्ट सीमाएँ
यह केवल HTML और CSS का लेआउट दिखाता है। असली उपकरण के नियंत्रण, DPR, स्पर्श हार्डवेयर, ब्राउज़र नियंत्रण या अलग वास्तविक ब्राउज़रों का एकदम समान प्रदर्शन नहीं दिखाता।
अक्सर पूछे जाने वाले सवाल
आप यह भी जानना चाहेंगे
क्या चिपकाया JavaScript चल सकता है?
नहीं। script तत्व और इनलाइन घटना हैंडलर हटते हैं और सैंडबॉक्स iframe में allow-scripts नहीं है।
क्या यह फ़ोन या टैबलेट का अनुकरण करता है?
नहीं। केवल CSS पृष्ठ क्षेत्र की चौड़ाई बदलती है। असली नियंत्रण, DPR, स्पर्श इनपुट और ब्राउज़र विशेष व्यवहार का अनुकरण नहीं होता।
क्या मेरा कोड अपलोड होता है?
पृष्ठ कोड अपलोड नहीं करता; पूर्वावलोकन ब्राउज़र में बनता है। फिर भी आपके HTML या CSS के बाहरी URL संसाधन अनुरोध भेज सकते हैं।