एक स्थानीय साइट के अनुकूली लेआउट का परीक्षण

नमस्कार दोस्तों!

आज मैं एक "वेब डेवलपर के लिए 9 दिलचस्प और उपयोगी" लेख आया, जिसमें वेब डेवलपर्स के लिए सभी प्रकार की उपयोगिता पर चर्चा की गई है। अन्य बातों के अलावा, मुझे एक अलग विस्तार के तहत साइट के परीक्षण के लिए एक अच्छा उपकरण मिला - "आयाम" ( लिंक )। लेकिन समस्या क्या है, मुझे उस साइट का परीक्षण करने की आवश्यकता है जो मेरे स्थानीय वेब सर्वर पर स्थित है। और फिर मेरे दिमाग में यह विचार आया कि वह उसी उपकरण को जल्दी से इकट्ठा करे, केवल अपने स्थानीय क्षेत्र में काम करने के लिए!

उपकरण के लिए आवश्यकताएँ:

• मैन्युअल रूप से देखने के क्षेत्र की चौड़ाई और Apple उपकरणों (iPhone और iPad) के तैयार आकारों की पसंद का चयन करने की क्षमता
• खिड़की की ऊंचाई का 100% देखने या डिवाइस के आकार को देखने के क्षेत्र को पूरी तरह से समायोजित करने की क्षमता
• सरल और हल्के इंटरफ़ेस (कोई ग्राफिक्स नहीं)
• 5 और 50 पिक्सेल वेतन वृद्धि
• व्यूपोर्ट की वर्तमान चौड़ाई को देखने की क्षमता

इसलिए, 3 घंटे की कोडिंग के परिणामस्वरूप, कोड नाम "मोका मोका" प्राप्त किया गया था (ठीक है, मैंने लंबे समय तक नहीं सोचा था)। अगला, उपकरण के स्क्रीनशॉट के एक जोड़े:





मैंने अब तक केवल क्रोम, ओपेरा, फ़ायरफ़ॉक्स में सच्चाई का परीक्षण किया है।
गितुब पर रिपोजिटरी: github.com/sokal32/moka-moka