मोबाइल और डेस्कटॉप डिवाइस के बीच क्या अंतर है?

Question

Chrome Browser DevTools का उपयोग करके मैं Emulated devices tab में एक कस्टम डिवाइस जोड़ना चाहता था। आप चौड़ाई और ऊंचाई जैसे कई विकल्प चुन सकते हैं। और यह भी चयन के बीच:

• मोबाइल
• मोबाइल (कोई स्पर्श)
• डेस्कटॉप
• डेस्कटॉप (स्पर्श)

तो मोबाइल और डेस्कटॉप के बीच अंतर दिखाई नहीं देता टच इवेंट बनें।

---

1000 की एक डिवाइस है * 1000 पिक्सेल स्क्रीन आकार मोबाइल (कोई स्पर्श)

और 1000 * 1000 पिक्सेल का एक डिवाइस स्क्रीन आकार डेस्कटॉप

एक ही?

या 1000 * 1000 पिक्सेल स्क्रीन आकार मोबाइल

की एक डिवाइस और 1000 * 1000 पिक्सेल का एक डिवाइस स्क्रीन आकार डेस्कटॉप (स्पर्श)

एक ही?

---

तो मेरे सवाल है:

देखने की एक तकनीकी बिंदु से डेस्कटॉप और मोबाइल के बीच क्या अंतर है?

कृपया अंतर समझाने दोनों धारणात्मक (मैं विशेष रूप से इस एक में दिलचस्पी रखता हूँ) और DevTools में। इनाम के लिए

---

संपादित करें:

मैं other question का जवाब दे और देख कैसे गूगल, अमेजन और शायद कुछ अन्य बड़ी कंपनियों के रास्ते में वे अपने पृष्ठों को प्रदर्शित पर भेदभाव करने के बाद यह संदेह करने के लिए आया था। यह स्क्रीन आकार पर नहीं है बल्कि डिवाइस के प्रकार पर है (यदि मैं सही हूं)। तो मैं सोच रहा हूं कि तकनीकी पहलू क्या हैं जो उन्हें डेस्कटॉप और मोबाइल के बीच समझते हैं, "मोबाइल को स्थानांतरित किया जा सकता है" के अलावा।

Answer 1

मुझे स्रोत कोड पर एक नज़र था। यह सब कुछ करने के लिए थोड़ा मुश्किल है, लेकिन वास्तव में capabilities सरणी के अलावा मैं वास्तव में कोई बड़ा अंतर नहीं देख सका, जिसमें touch और mobile विकल्प शामिल हैं। जब touch सक्षम है, तो चार स्पर्श ईवेंट हैं जो नकली हैं। इसके अलावा, कुछ स्केलिंग तर्क लगता है जो मोड के बीच अलग है।

यह सुनिश्चित नहीं है कि यह बहुत मददगार है या नहीं। यदि आप या किसी और को इसमें गहरी लगने में दिलचस्पी है, तो मैं inspector.js देखें, जिसमें _calculateAndEmulate और _applyDeviceMetrics फ़ंक्शंस में पाए गए अधिकांश तर्क शामिल हैं।

Answer 2

एक मुख्य अंतर उपयोगकर्ता-एजेंट अनुरोध हेडर क्रोम भेज देगा।

आप Mobile चुनते हैं, तो आप कुछ इस तरह मिल जाएगा,

Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) 
    Chrome/46.0.2490.76 Mobile Safari/537.36 

Desktop साथ जबकि, यह इस तरह दिखेगा: अपने ओएस, क्रोम संस्करण आदि पर निर्भर करता है

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) 
    Chrome/54.0.2840.99 Safari/537.36 

(विशिष्ट तथ्य बेशक।)

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

Answer 3

लक्ष्यीकरण डेस्कटॉप और मोबाइल

एक मोबाइल डिवाइस के बीच मुख्य अंतर और एक डेस्कटॉप डिवाइस, कम से कम जहां तक ​​वेब ब्राउज़र में मोबाइल/डेस्कटॉप सेटिंग का संबंध है, स्क्रीन का भौतिक आकार है। यह स्क्रीन के संकल्प के साथ उलझन में नहीं है।

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

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

मोबाइल डिवाइस का संकल्प डेस्कटॉप पर कहीं अधिक हो सकता है, लेकिन डेस्कटॉप मशीन पर स्क्रीन (कम से कम माना जाता है) इतना बड़ा है, डेस्कटॉप मशीनों का उपयोग करने वाले लोग अधिक विस्तारित हैं मोबाइल उपकरणों पर देखने वाले लोगों की तुलना में स्क्रीन पर सामग्री एक बार।

प्रधानमंत्री विचार तुलना

डेस्कटॉप:

• बड़ा, एकाधिक स्क्रीन है कि स्क्रीन पर एक बार और अधिक सामग्री को समायोजित।
• अधिक टाइपिंग - सामान्य इनपुट कीबोर्ड है।
• होवर और लिंक पर क्लिक करें - सामान्य इनपुट माउस है।
• डेस्क पर स्थित है।
• भारी उपयोग।
• अधिक सक्षम हार्डवेयर (स्मृति और प्रसंस्करण शक्ति सस्ता है)।
• पावर प्रदर्शन।

मोबाइल:

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