जब आप वेब ब्राउज़ करते हैं, तो ऐसी साइटों का आना असामान्य नहीं है जो एक डिवाइस से दूसरे डिवाइस में भिन्न दिखती हैं। शायद कुछ सुविधाएं बिल्कुल भी काम न करें।
अक्सर, यह वेबसाइट के साथ कोई समस्या नहीं है। यह आपका ब्राउज़र है। पांच मुख्य डेस्कटॉप ब्राउज़र वेब पेज प्रदर्शित करने के लिए चार अलग-अलग "रेंडरिंग इंजन" का उपयोग करते हैं - विंडोज 10 के लिए नया माइक्रोसॉफ्ट एज ब्राउज़र पांचवां पेश करेगा - और हर एक अलग तरह से काम करता है।
इसका मतलब है कि आप किस ब्राउज़र का उपयोग कर रहे हैं, और यहां तक कि उस ब्राउज़र के किस संस्करण के आधार पर वेब का आपका अनुभव बदल सकता है।
रेंडरिंग इंजन क्या है?
एक वेब पेज एक एकल इकाई नहीं है जो एक समय में एक पिक्सेल स्क्रीन पर डाउनलोड और प्रदर्शित होती है। इसके बजाय यह अनिवार्य रूप से विभिन्न प्रकार के कोड में लिखे गए निर्देशों की एक श्रृंखला है - HTML, CSS, JavaScript, PHP और अन्य - जो ब्राउज़र को बताते हैं कि क्या करना है और कहाँ और कैसे करना है।
प्रत्येक ब्राउज़र एक रेंडरिंग इंजन का उपयोग करता है, जिसे कभी-कभी एक लेआउट इंजन के रूप में भी जाना जाता है, कोड के भीतर निहित सामग्री और स्टाइलिंग जानकारी लेने के लिए, और इसे स्क्रीन पर अपने पूर्ण स्वरूपित रूप में प्रदर्शित करता है।
समस्या यह है कि हर ब्राउज़र में एक भी रेंडरिंग इंजन का उपयोग नहीं किया जाता है। और जबकि प्रत्येक भाषा एक विस्तृत विनिर्देश द्वारा परिभाषित की जाती है, इंजन केवल उस विनिर्देश की व्याख्या प्रस्तुत कर सकता है।
विशेष रूप से CSS (कोड जो स्टाइल की जानकारी प्रदान करता है) के साथ, कोई भी इंजन बिल्कुल समान परिणाम नहीं देगा। कभी-कभी अंतर केवल यहां या वहां विषम गलत संरेखित पिक्सेल के बराबर हो सकते हैं, लेकिन कभी-कभी वे अधिक मौलिक रूप से भिन्न हो सकते हैं।
कौन से ब्राउज़र किस इंजन का उपयोग करते हैं
चार मुख्य रेंडरिंग इंजन हैं जिनका सबसे लोकप्रिय ब्राउज़र उपयोग करते हैं।
- वेबकिट: ओएस एक्स और आईओएस पर सफारी द्वारा उपयोग किया जाने वाला एक ओपन सोर्स इंजन, साथ ही मोबाइल उपकरणों पर कई अन्य ब्राउज़र, जिसमें देशी एंड्रॉइड ब्राउज़र भी शामिल है;
- झपकी: वेबकिट पर आधारित एक ओपन सोर्स इंजन, यह क्रोम, ओपेरा, अमेज़ॅन सिल्क और एंड्रॉइड के वेबव्यू (ऐप्स के भीतर खुलने वाला ब्राउज़र) को शक्ति प्रदान करता है;
- गेको: मोज़िला फाउंडेशन द्वारा विकसित एक ओपन सोर्स इंजन, इसका उपयोग फ़ायरफ़ॉक्स द्वारा किया जाता है;
- त्रिशूल: माइक्रोसॉफ्ट द्वारा विकसित और इंटरनेट एक्सप्लोरर में इस्तेमाल किया जाने वाला एक मालिकाना इंजन। माइक्रोसॉफ्ट एज ब्राउज़र एजएचटीएमएल नामक एक नए संस्करण का उपयोग करेगा।
वेब मानक
विभिन्न रेंडरिंग इंजनों के बीच का अंतर उस समय की तुलना में बहुत छोटा है जब इंटरनेट एक्सप्लोरर प्रमुख ब्राउज़र था।
एसिड3 जैसे परीक्षण दिखाते हैं कि ब्राउज़र कितनी सटीक रूप से किसी पृष्ठ को प्रस्तुत करता है, और अधिकांश आधुनिक ब्राउज़र उच्च स्कोर करते हैं। हालांकि मानकों का पालन करना बेहद जटिल काम है।
HTML, CSS और अन्य के लिए विनिर्देश बहुत बड़े हैं। नए तत्व जोड़े जाते हैं; पुराने, अप्रयुक्त या पुराने हटा दिए जाते हैं। रेंडरिंग इंजन को इन परिवर्तनों को प्रतिबिंबित करने में लंबा समय लग सकता है।
HTML5 और CSS विनिर्देशों में कुछ तत्व अभी भी किसी भी मुख्यधारा के ब्राउज़र द्वारा समर्थित नहीं हैं, कुछ केवल आंशिक रूप से समर्थित हैं, जबकि अन्य अभी भी कुछ ब्राउज़रों द्वारा समर्थित हैं, लेकिन सभी नहीं।
वेबसाइट html5test.com आपको अपने ब्राउज़र और आपके द्वारा चलाए जा रहे विशिष्ट संस्करण का परीक्षण करने में सक्षम बनाती है, यह देखने के लिए कि यह HTML5 की आधिकारिक और प्रयोगात्मक दोनों विशेषताओं का कितनी अच्छी तरह समर्थन करता है। लेखन के समय, क्रोम प्रमुख ब्राउज़रों में सर्वश्रेष्ठ के रूप में रैंक करता है, इंटरनेट एक्सप्लोरर (v11) की रैंकिंग निम्नतम है।
यदि कोई वेब डेवलपर किसी ऐसी सुविधा का उपयोग करता है जो एक ब्राउज़र में समर्थित है, लेकिन किसी अन्य में नहीं, तो असमर्थित ब्राउज़र को या तो एक समान पर व्यवस्थित होना चाहिए या सुविधा को पूरी तरह से अनदेखा करना चाहिए (उदाहरण के लिए, एक पारदर्शी बॉक्स को गैर-पारदर्शी के रूप में प्रस्तुत किया जा सकता है)।
यह वेब पेजों को प्रस्तुत करने का काम जितना दिखता है उससे कहीं अधिक जटिल बनाता है। एक ब्राउज़र जो अधिक बार अपडेट किया जाता है, उसके गैर-मानकों की तुलना में अधिक मानक-अनुपालन होने की संभावना है, जैसा कि अधिक विरल IE अपडेट की तुलना में नियमित स्वचालित क्रोम अपडेट द्वारा हाइलाइट किया गया है।
और खेलने के अन्य कारक भी हैं।
- इंजन में कीड़े: एक रेंडरिंग इंजन सॉफ्टवेयर है, और सभी सॉफ्टवेयर में बग होते हैं। हालांकि महत्वपूर्ण बग ढूंढे जाएंगे और जल्दी से समाप्त कर दिए जाएंगे, यह गारंटी देना असंभव है कि वेब पेज पर कोड का एक विशिष्ट संयोजन प्रस्तुत किए जाने पर अप्रत्याशित परिणाम नहीं देगा
- वेब पेज में कीड़े: ब्राउज़र में एक निश्चित स्तर की त्रुटि सहनशीलता अंतर्निहित होती है, लेकिन यह एक इंजन से दूसरे इंजन में भिन्न होगी। कोड में त्रुटियों वाला एक वेब पेज अभी भी एक ब्राउज़र में पूरी तरह से प्रस्तुत हो सकता है, लेकिन दूसरे में बुरी तरह टूट सकता है
- फ़ॉन्ट: टाइपफेस प्रदर्शित करने का तरीका ब्राउज़र द्वारा नहीं बल्कि ऑपरेटिंग सिस्टम द्वारा नियंत्रित किया जाता है। विंडोज़ और ओएस एक्स अलग-अलग फोंट प्रस्तुत करते हैं, इसलिए एक ही ब्राउज़र में एक ही फ़ॉन्ट अलग-अलग प्लेटफॉर्म पर देखे जाने पर अलग दिख सकता है
- विरासत: आधिकारिक विनिर्देश का हिस्सा बनने से पहले ब्राउज़र अक्सर नई सुविधाओं को अपनाते हैं, विशेष रूप से सीएसएस के लिए। यदि इस सुविधा को अपनाए जाने पर इसका कार्यान्वयन बदल जाता है, तो ब्राउज़र डेवलपर को यह तय करने की आवश्यकता है कि क्या पुराने संस्करण के लिए डिज़ाइन की गई हजारों वेबसाइटों के साथ परिवर्तन और जोखिम तोड़ने वाली संगतता को अपनाना है, या नए संस्करण को पूरी तरह से अनदेखा करना है
- स्वामित्व की विशेषताएं: कुछ ब्राउज़र मालिकाना तकनीकों का उपयोग कर सकते हैं जो कहीं और उपलब्ध नहीं हैं। यह इंटरनेट एक्सप्लोरर में माइक्रोसॉफ्ट के एक्टिवएक्स ढांचे के साथ सबसे प्रसिद्ध रूप से देखा गया था, हालांकि कंपनी नए माइक्रोसॉफ्ट एज ब्राउज़र में इसका इस्तेमाल नहीं करेगी
रैप-अप
इतने सारे मुद्दों के शामिल होने के साथ, इसमें कोई आश्चर्य की बात नहीं है कि ब्राउज़र द्वारा वेब पेजों को संभालने के तरीके में अंतर बना रहता है।
स्थिति में सुधार हो रहा है, लेकिन पूरी तरह से हल होने की संभावना नहीं है। अगर हर कोई अपने चुने हुए ब्राउज़र का नवीनतम संस्करण चलाए, तो यह मदद करेगा, लेकिन छह साल पुराने इंटरनेट एक्सप्लोरर 8 के साथ अभी भी 4.5 प्रतिशत बाजार हिस्सेदारी बनाए हुए है, यह एक लंबा रास्ता तय करता है।
आप किस ब्राउज़र का उपयोग करते हैं, और क्या आप इसे अद्यतित रखते हैं? क्या आपको ऐसी कोई वेबसाइट मिली है जो आपके चुने हुए ब्राउज़र में काम नहीं करती है? हमें टिप्पणियों में बताएं।
<छोटे>छवि क्रेडिट: जेरेमी कीथ के माध्यम से डिवाइस, डंकन हिल के माध्यम से असमर्थित ब्राउज़र