विभिन्न ब्राउज़रों में साइट की जांच कैसे करें

विषयसूची:

विभिन्न ब्राउज़रों में साइट की जांच कैसे करें
विभिन्न ब्राउज़रों में साइट की जांच कैसे करें

वीडियो: विभिन्न ब्राउज़रों में साइट की जांच कैसे करें

वीडियो: विभिन्न ब्राउज़रों में साइट की जांच कैसे करें
वीडियो: विभिन्न ब्राउज़रों और मोबाइल उपकरणों में अपनी वेबसाइट का परीक्षण कैसे करें - Google Chrome और Firefox DevTools 2024, मई
Anonim

एक HTML कोडर को पता होना चाहिए: व्यावसायिकता का संकेत किसी भी ब्राउज़र में साइट पेज का समान प्रदर्शन और कार्यप्रणाली है, कम से कम "बिग थ्री" में, जिसमें ब्राउज़र इंटरनेट एक्सप्लोरर, ओपेरा, मोज़िला फ़ायरफ़ॉक्स शामिल हैं। साइट प्रदर्शन की शुद्धता को सत्यापित करने की प्रक्रिया में तीन मुख्य चरण होते हैं।

विभिन्न ब्राउज़रों में वेब पेजों की जाँच करना
विभिन्न ब्राउज़रों में वेब पेजों की जाँच करना

यह आवश्यक है

  • • कंप्यूटर पर कई ब्राउज़र स्थापित हैं।
  • • ध्यान।

अनुदेश

चरण 1

चरण एक, तैयारी

तैयारी प्रक्रिया में ब्राउज़र वितरण किट को डाउनलोड करना और इसे कंप्यूटर पर स्थापित करना शामिल है। कोई भी स्थापना प्रक्रिया इस प्रश्न के साथ समाप्त होती है: "इस ब्राउज़र को डिफ़ॉल्ट रूप से शामिल करें?"। तो, मुख्य एक, या डिफ़ॉल्ट रूप से शामिल है, आपको संभावित "जाम" के आकार के संदर्भ में एक मध्यवर्ती स्थिति पर कब्जा करने की आवश्यकता है। लेआउट डिजाइनरों की कई पीढ़ियों के अनुभव के अनुसार, यह ओपेरा ब्राउज़र है।

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

चरण दो

चरण दो - दृश्य तुलना

नेत्रहीन, ब्राउज़र में साइट के पृष्ठ तीन मुख्य मापदंडों में भिन्न हो सकते हैं:

1. पेज तत्वों के बीच इंडेंट और मार्जिन की मात्रा से। IE विशेष रूप से पैडिंग और मार्जिन गुणों के वास्तविक मूल्यों की गणना करने में परिष्कृत है।

2. अलग-अलग ब्राउज़र अलग-अलग फ़ॉन्ट प्रदर्शित करते हैं, यहां तक कि मानक फ़ॉन्ट जैसे एरियल और टाइम्स न्यू रोमन भी। यह मेनू आइटम लाइनों के लिए सबसे कठिन हिट है, जिसे दो पंक्तियों में प्रदर्शित किया जा सकता है या दूसरी पंक्ति में पूरी तरह से लपेटा जा सकता है।

3. चित्र प्रदर्शित करने की शुद्धता। सरलतम मामलों में, कुछ ब्राउज़र, जैसे कि ओपेरा, टैग विशेषताओं में निर्दिष्ट vspace और hspase गुणों को नहीं पढ़ते हैं

… कभी-कभी चित्र तालिका कक्षों में केंद्रित नहीं होते हैं यदि विशेषताएँ

यह स्थिति नहीं बताई गई है। लेकिन लेआउट डिजाइनर के लिए मुख्य समस्या.png

चरण तीन - कार्यात्मक जांच

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

अंत में, मैं यह कहना चाहूंगा कि "क्रॉस-ब्राउज़र संगतता" के लिए संघर्ष - यह एक पृष्ठ की संपत्ति का नाम है जिसे हर जगह उसी तरह प्रदर्शित किया जाना है, प्रक्रिया जटिल और रोमांचक है, जिसमें बहुत अधिक व्यावहारिक की आवश्यकता होती है अनुभव।

चरण 3

चरण तीन - कार्यात्मक जांच

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

अंत में, मैं यह कहना चाहूंगा कि "क्रॉस-ब्राउज़र संगतता" के लिए संघर्ष - यह एक पृष्ठ की संपत्ति का नाम है जिसे हर जगह उसी तरह प्रदर्शित किया जाना है, प्रक्रिया जटिल और रोमांचक है, जिसमें बहुत अधिक व्यावहारिक की आवश्यकता होती है अनुभव।

सिफारिश की: