क्रोम में एक अभिविन्यास परिवर्तन का परीक्षण/नकल करना?

Question

हम jQuery मोबाइल का उपयोग कर एक मोबाइल ऐप लिख रहे हैं और क्रोम में अधिकांश जावास्क्रिप्ट डिबगिंग करते हैं। एक चीज जिसे मैं परीक्षण नहीं कर सकता, हालांकि चित्र से लेकर परिदृश्य तक और इसके विपरीत एक अभिविन्यास परिवर्तन है। मुझे उस ईवेंट को आग लगाने के लिए एक फोन का उपयोग करना है, और क्रोम के बिना जावास्क्रिप्ट विंडो.ऑरिएंटेशन एक्सचेंज इवेंट डीबग करने में असमर्थ हूं।

या ऐसा लगता है। क्या इस घटना को किसी भी तरह क्रोम में नकल करने का कोई तरीका है?

Answer 1

चूंकि किसी डेस्कटॉप डिवाइस में कोई वास्तविक अभिविन्यास परिवर्तन नहीं होता है, जैसे कि मोबाइल डिवाइस के पास, orientationchange सुनने के लिए इसका कोई उपयोग नहीं है। हालांकि आप ब्राउज़र विंडो का आकार बदलकर अभिविन्यास अनुकरण कर सकते हैं।

दाऊद वॉल्श इस बारे में एक लेख लिखा था: http://davidwalsh.name/orientation-change

Answer 2

एक तरह से रुचि के आधार पर अपने मीडिया के प्रश्नों का परीक्षण करने के:

गूगल क्रोम के लिए विंडो Resizer विस्तार आप देख सकते हैं और में अपनी साइट का परीक्षण करने के लिए सक्षम बनाता है या तो चित्र या परिदृश्य अभिविन्यास। स्थापित होने पर, इसका आकार 320 x 480 की पूर्वनिर्धारित है और $ .event.special.orientationchange.orientation() का उपयोग कर jQuery द्वारा लौटाया गया अभिविन्यास "चित्र" होगा। मैंने लैंडस्केप के लिए 480 x 320 का एक नया आकार जोड़ा और मोबाइल का "स्क्रीन टाइप" इंगित किया। 480 x 320 आकार में, $ .event.special.orientationchange.orientation() का उपयोग कर jQuery द्वारा लौटाया गया अभिविन्यास "परिदृश्य" होगा।

यह आपको विशेष रूप से अभिविन्यास परिवर्तन ईवेंट का परीक्षण करने की अनुमति नहीं देता है, लेकिन यह अभिविन्यास के आधार पर मीडिया प्रश्नों का परीक्षण करने के लिए बहुत उपयोगी है।