कम्प्युटरसूचना प्रविधि

चरण निर्देशनहरूको द्वारा चरण: मोबाइल लागि साइट अनुकूल। मोबाइल वेबसाइटमा

साइटको मोबाइल मिलाइएको कारण स्मार्टफोन र ट्याब्लेटको को संख्या थप लोकप्रिय बन्दैछ। यो के हो? लाभ के हुन्? विशेष गरी यो प्रश्न अनलाइन स्टोर र विभिन्न सेवा कम्पनीहरु, ब्लग र लोकप्रिय फोरम वेबसाइटहरूको मालिकहरूको लागि वास्तविक छ। मोबाइल उपकरणहरू बाहिर गर्न सकिन्छ लागि साइट कसरी छाँटकाँट गर्न? यहाँ लेखको रूपरेखा छलफल गरिने प्रश्नहरूको छोटो सूची हो।

सामान्य जानकारी

त्यसैले, पहिले के एक हेरौं उत्तरदायी डिजाइन। त्यसैले सबै उपकरणहरू नै HTML-कोड पठाएको, तर तत्व को आयाम CSS मार्फत समायोजित छन् जसमा कन्फिगरेसन छ। विभिन्न खोज रोबोट यस्ता साइटहरू पत्ता लगाउन सक्छ, प्रदान गर्नुभएको पृष्ठहरू र स्क्यान लागि देखिने स्रोतहरू। अर्डर ब्राउजर बताउन यो संभावना मा, ट्याग मेटा नाम = "भ्यूपोर्ट" प्रयोग गर्नुहोस्। मोबाइल उपकरणहरूको लागि साइट को मिलाइएको के हो?

ट्याग विचार

त्यसैले, तपाईं ट्याग मेटा नाम = "भ्यूपोर्ट" थियो सुनिश्चित गर्नुपर्छ। किन उहाँले हुनेछ? कि आकार, जसबाट तपाईं साइट हेर्न उपकरण स्क्रीन को चौडाई, गर्न पृष्ठ समायोजन र स्केल कसरी ब्राउजरमा निर्देशन छन्। तपाईं यो सानो वस्तु थप्न भने, पूर्वनिर्धारित पृष्ठ, प्रदर्शित हुन्छ कम्प्युटर लागि डिजाइन। तर बेला मोबाइल ब्राउजर फन्ट, मापनयोग्य कि स्क्रिनमा फिट सामग्रीको सामग्री वा प्रदर्शन वृद्धि हुनेछ जो सामग्री, अनुकूलन गर्न प्रयास गर्नेछ। यो राम्रो छ? कुनै एक मामला यस्तो मा साइट को मोबाइल संस्करण मात्र नकारात्मक धारणा पैदा हुनेछ। सबै फन्ट disproportionate हुनेछ पछि, यो आवश्यक पृष्ठ स्क्रोल र कुन कार्यहरू बढी नम्बर बनाउन, तिनीहरूले सानातिना छन् हुनत छ, तर अझै पनि अरोचक। मोबाइल उपकरणहरूको लागि साइट मिलाइएको जाँच, तपाईंले आफ्नो फोन, ट्याबलेट, वा विशेष सेवा र कार्यक्रम प्रयोग गर्न सक्नुहुन्छ। निस्सन्देह, पहिलो दुई विकल्प उपयुक्त छन्, तर तपाईं विभिन्न उपकरणहरू को दृष्टिकोणबाट एक गहन विश्लेषण आवश्यक र समय बचत गर्न भने, त्यसपछि बाद फिट।

मोबाइल उपकरणहरूको लागि साइट अनुकूल को लाभ के हुन्?

यो दृष्टिकोण प्रयोग गर्न अनुमति दिन्छ:

  1. उहाँले एक ठेगाना छ जहाँ अवस्थामा सामग्री साझेदारी गर्न प्रयोगकर्ता।
  2. खोज इन्जिन को एल्गोरिदम त्यहाँ विभिन्न संस्करण संग भ्रम छ, सही पृष्ठ लेआउट प्राप्त गर्न।
  3. त्रुटिहरू को likelihood कम।
  4. आवश्यकता पुनः अनुक्रमण हटाइ द्वारा बुट समय कम।
  5. स्रोतहरू सुरक्षित गर्नुहोस्।

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

  1. जाभास्क्रिप्ट मा जोर।
  2. संयोजन।
  3. जाभास्क्रिप्ट को गतिशील प्रयोग।

हामीलाई थप विवरण तिनीहरूलाई विचार गरौं।

जाभास्क्रिप्ट प्रयोग मिलाइएको

यस मामला मा, एकल सामग्री। र पृष्ठ को सञ्चालनको संयन्त्र गर्न जाभास्क्रिप्ट ढाँचा परिवर्तन संग। यस मामला मा सबै मञ्चमा निर्भर गर्दछ। यो तर्कको शैली पाना क्यासकेडिङशैलीपाना मिडिया प्रश्नहरु मिल्दोजुल्दो छ। व्यवहार मा काम को एक सानो उदाहरण विचार गर्नुहोस्। त्यसैले, हामी HTML-कोड, एक तत्व