Chrome M40 में, व्यूपोर्ट में एक ऐसा बदलाव किया गया है जो काफ़ी छोटा है. हालांकि, इससे उपयोगकर्ताओं को काफ़ी फ़ायदा होगा.
जब मोबाइल ब्राउज़र शुरू हुए थे, तब व्यूपोर्ट मेटा टैग की कमी का मतलब था कि वे वेब पेज को यह सोचने के लिए मजबूर कर देते थे कि उसके पास करीब 980 पिक्सल की स्क्रीन रियल एस्टेट है और उसे इस साइज़ में रेंडर किया जाएगा. व्यूपोर्ट मेटा टैग की मदद से, डेवलपर चौड़ाई तय कर सकते हैं. इनमें से सबसे आम "device-width" है, जो स्क्रीन साइज़ को डिवाइस के साइज़ पर सेट करता है. वेब की बुनियादी बातों के बारे में ज़्यादा जानें.
रिचर्ड बियरस ने वर्चुअल व्यूपोर्ट के बारे में इस तरह बताया है: वर्चुअल व्यूपोर्ट का मकसद, "व्यूपोर्ट" को दो हिस्सों में बांटना है. पहला, "लेआउट व्यूपोर्ट" (जहां तय जगह पर आइटम अटैच किए जाते हैं) और दूसरा, "विज़ुअल व्यूपोर्ट" (जो उपयोगकर्ताओं को दिखता है).
बहुत आसान उदाहरण
वेबसाइट videojs.com एक अच्छा उदाहरण है, क्योंकि इसका ऐप्लिकेशन बार सबसे ऊपर फ़िक्स किया गया है और ऐप्लिकेशन बार की बाईं और दाईं ओर लिंक हैं.
नीचे दी गई इमेज में दिखाया गया है कि किसी साइट पर ज़ूम इन करने और बाईं और दाईं ओर पैन करने पर, आपको क्या दिखेगा.
सबसे ऊपर मौजूद डिवाइसों में Chrome M39 है, जिसमें वर्चुअल व्यूपोर्ट नहीं है और सबसे नीचे मौजूद तीन डिवाइसों में Chrome M40 है, जिसमें वर्चुअल व्यूपोर्ट है.
Chrome M39 में, ज़ूम इन करने के बाद आपको ऐप्लिकेशन बार दिखेगा. हालांकि, दाईं ओर स्क्रोल करने पर, आपको बार की दाईं ओर मौजूद लिंक नहीं दिखेंगे. आपको सिर्फ़ लोगो दिखेगा.
इसकी तुलना Chrome M40 से करें, जिसमें "वर्चुअल व्यूपोर्ट" होता है. इससे आपको पता चलेगा कि "विज़ुअल व्यूपोर्ट", "लेआउट व्यूपोर्ट" में मौजूद सभी चीज़ों को स्क्रोल करता है. इससे आपको दाईं ओर मौजूद लिंक देखने में मदद मिलती है.
Internet Explorer में पहले से ही यह सुविधा मौजूद है. इन बदलावों से, हम इस सुविधा को और बेहतर बना पाएंगे.
html
इस बदलाव से डेवलपर को सिर्फ़ एक बड़ा बदलाव करना होगा. M39 में, एचटीएमएल एलिमेंट पर overflow: hidden लागू करने पर भी पेज स्क्रोल होता था. हालांकि, M40 में ऐसा नहीं होगा. पेज स्क्रोल नहीं होगा.
ज़्यादा सटीक जानकारी
क्या आपको ज़्यादा जानना है?
अगर ऐसा है, तो यहां दिया गया स्लाइड डेक देखें.