पीडीए के लिए लेआउट, भाग 2

पॉकेटपीसी उपकरणों के लिए लेआउट के बारे में पहले से ही लिखा था, सप्ताह में मैंने सब कुछ अंतिम रूप दिया जो इतना शर्मनाक था और छोटे परिणामों को अभिव्यक्त किया।



1. गम।

पीडीए के तहत लेआउट रबर होना चाहिए। अतिरिक्त सॉफ्टवेयर के बिना, पीडीए उपकरणों पर विभिन्न प्रस्तावों का अनुकरण करना असंभव है। और किसी को वास्तव में इसकी आवश्यकता नहीं है) = ज्यादातर यह 320x440 या 640x480 है, हालांकि गैर-मानक संकल्प भी हैं। किसी भी मामले में, साइट को सभी प्रस्तावों में समान दिखना चाहिए, क्योंकि उनका प्रसार इतना बड़ा नहीं है, जिसका अर्थ है कि लेआउट रबर का होना चाहिए।



2. एक स्तंभ।

अपवाद हैं, लेकिन अक्सर साइट के कंकाल को एकल-स्तंभ होना चाहिए। यानी साइट स्रोत 2, 3 कॉलम हो सकते हैं, लेकिन पीडीए संस्करण सबसे अधिक बार एकल कॉलम में बदल जाता है, क्योंकि इतनी कम जगह है। सबसे अधिक बार, बाएं कॉलम (नेविगेशन) <select> में बदल जाता है, और मुख्य सामग्री के नीचे दायां स्लाइड होता है।



3. पीडीए डिवाइस + pda.site.ru डोमेन का ऑटो पता लगाना।

पॉकेटपीसी को परिभाषित करना इतना मुश्किल नहीं है। HTTP_USER_AGENT में "विंडोज़ CE" + ब्राउज़र (मोबाइल) शामिल है, इसके हेडर के कई नंबर जोड़ता है, उदाहरण के लिए HTTP_UA_OS। तदनुसार, मोबाइल डिवाइस से site.ru देखने के दौरान, एक अनुकूलित लेआउट प्रदर्शित किया जाना चाहिए। हालांकि, इसके अलावा, पीडीए टाइपसेटिंग प्राप्त करने के लिए बिना शर्त विधि की आवश्यकता होती है, सबसे सरल पीडीए उपडोमेन है। यह सभी प्रकार के खोज बॉट्स के लिए बस सुविधाजनक + महत्वपूर्ण है, और यह पहले से सूचित करता है कि साइट का एक पीडीए संस्करण भी है ...



4. कार्यक्षमता को बनाए रखा जाना चाहिए।

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



5. सीएसएस।

मोबाइल IE CSS2 के समर्थन का दावा करता है, बेशक यह सभी सशर्त है =) मैं इस समय इस पर एक स्पष्ट दस्तावेज संकलित नहीं कर सकता, लेकिन मुझे कुछ तत्वों की पूर्ण स्थिति, फ्लोटिंग स्थिति और पृष्ठभूमि गुणों के साथ समस्या थी। यद्यपि मूल CSS2 समर्थन मौजूद है, आप अच्छी, सुंदर साइटें बना सकते हैं।



6. जावास्क्रिप्ट।

और यहाँ परेशानी शुरू होती है ... जीत के संकेत के साथ जेएस (xmlhttprequest ऑब्जेक्ट के लिए समर्थन, बस AJAX, अन्य ActiveX, आदि), लेकिन कभी-कभी यह प्राथमिक नहीं हो सकता है। सामान्य आईडी केवल पढ़ने के लिए होती हैं, क्लासनेम बिल्कुल भी मौजूद नहीं होता है (जिस मोबाइल आईई के साथ मैंने काम किया है वह WM 5.0 के लिए मानक है। नवीनतम मोबाइल यानी पहले से ही आईडी और क्लासनेम दोनों के साथ काम करना सीख चुका है)। कई DOM तरीके उत्कृष्ट हैं (उदाहरण के लिए, element.children है, लेकिन कोई element.childNodes नहीं है) और इसी तरह, बहुत सारे आश्चर्य हैं। लेकिन सबसे बुरी बात यह है कि AJAX ऑब्जेक्ट रिस्पॉन्सटेक्स्ट विधि को लौटाता है, लेकिन रिस्पॉन्सएक्सएमएल को वापस नहीं करता है। एक अधिक समझने योग्य API के लिए मेरा प्रोजेक्ट XML का उपयोग करता है। मुझे JSON फॉर्मेट में आउटपुट डेटा की क्षमता को जोड़ना था, ताकि JS इसे हैंडहेल्ड पर पढ़ सके। यानी दूसरे शब्दों में, XML प्रशंसकों को AJAX इंटरफेस को फिर से लिखना / जोड़ना होगा, और JSON और वादी / पाठ प्रशंसक नृत्य करेंगे और आनंद लेंगे।



7. पॉपअप।

किसी भी आवश्यक पॉपअप, को क्रमशः एक नए पृष्ठ के रूप में खोलना चाहिए। इसमें कुछ भी गलत नहीं है; पीडीए डिवाइस उपयोगकर्ता इसके लिए काफी अभ्यस्त हैं। लेकिन ऐसी खिड़कियों में पीछे या रद्द बटन हवा की तरह महत्वपूर्ण है।



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



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



और सबसे महत्वपूर्ण बात, याद रखें कि अधिक मोबाइल डिवाइस हैं! हर स्वाभिमानी डेवलपर के पास साइट का मोबाइल संस्करण होना चाहिए =)

पीडीए के लिए मेरे लेआउट के उदाहरण यहां देखे जा सकते हैं pda.basher.ru और pda.catalog.mobilz.net