मोबाइल डिज़ाइन का परीक्षण करने के लिए ब्राउज़र ऐड-ऑन

Question

क्या कोई HTML ऐड-इन परीक्षण करने के लिए कोई ऐड-ऑन है, यह देखने के लिए कि यह मोबाइल डिवाइस पर कैसा दिखाई देगा? मैं फोनगैप के साथ विकास कर रहा हूं लेकिन एक्लिप्स एमुलेटर हर समय इसे रीफ्रेश करने में बहुत धीमा है इसलिए मैं एक ब्राउज़र एक्सटेंशन चाहता हूं जो मोबाइल पर स्क्रीन रिज़ॉल्यूशन बनाये।

Answer 1

यदि आप केवल स्क्रीन आकार के बारे में परवाह करते हैं, तो फ़ायरफ़ॉक्स 15 (वर्तमान में Beta, दो सप्ताह में रिलीज होने वाला रिलीज) वेब डेवलपर मेनू में Responsive Design View है जो आपको "स्क्रीन आकार" समायोजित करने की अनुमति देता है। उदाहरण के लिए, आप 360x640 (एनएचडी रिज़ॉल्यूशन) का चयन कर सकते हैं और अपने पेज पर एक नज़र डालें।

हालांकि, मोबाइल ब्राउज़र वेब पृष्ठों पर कस्टम समायोजन करते हैं और ये समायोजन ब्राउज़र पर निर्भर करते हैं। उदाहरण के लिए, फ़ायरफ़ॉक्स मोबाइल Font Inflation नामक कुछ करता है। आप इसे डेस्कटॉप ब्राउज़र में पुन: पेश नहीं कर सकते हैं, आपको इसके लिए फ़ायरफ़ॉक्स मोबाइल को वास्तव में चलाने की ज़रूरत है। समस्या: मोबाइल ब्राउज़र केवल मोबाइल पर ही चलेंगे, यहां तक ​​कि मोज़िला ने मूल एंड्रॉइड यूआई पर स्विच करने के बाद डेस्कटॉप के लिए फ़ायरफ़ॉक्स मोबाइल की आपूर्ति बंद कर दी है।

संपादित: फ़ायरफ़ॉक्स 33 के साथ शुरू, वहाँ एक फ़ायरफ़ॉक्स ओएस (Tomek करने के लिए मुझे इस दिशा में इशारा करते हुए के लिए धन्यवाद) फ़ायरफ़ॉक्स में निर्मित सिम्युलेटर है। इसे शुरू करने के लिए, open WebIDE, फिर "रनटाइम चुनें" पर क्लिक करें और "फ़ायरफ़ॉक्स ओएस 1.3" चुनें। यह सिम्युलेटर शुरू करेगा, आपको केवल इतना करना होगा कि फ़ायरफ़ॉक्स आइकन पर क्लिक करें (मेरे लिए यह एक नीला है, सामान्य नारंगी नहीं)। वहां आप हैं, आप किसी भी वेबसाइट को वास्तविक मोबाइल ब्राउज़र में सीधे अपने डेस्कटॉप पर देख सकते हैं।

Answer 2

Firefox OS simulator चाल कर सकते हैं: बस इसे इंस्टॉल करें। इसे चलाएं - और ब्राउज़र को अंदर चलाएं। :)