मैं कैसे देख सकता हूं कि विभिन्न ब्राउज़रों में मेरी वेब साइट कैसी दिखती है?


46

मैं कैसे देख सकता हूं कि विभिन्न ब्राउज़रों में मेरी वेब साइट कैसी दिखती है?

वास्तव में हर अलग ब्राउज़र संस्करण स्थापित होने के बाद, क्या कोई उपकरण या सेवा है जो पूर्वावलोकन प्रदान कर सकती है?

जवाबों:


38

2
मुझे पैरेंटिकल कमेंट्स, अच्छा जवाब पसंद है।
लैरी स्मिथमेयर जूल

32

ब्राउजरशॉट्स और ब्राउजरलैब्स वे हैं जो मैं अपने सिर के ऊपर से हटकर सोच सकता हूं। मुझे लगता है कि कुछ और भी है जिसका मैंने उपयोग किया है लेकिन मैं अभी नाम वापस नहीं ले सकता।

संपादित करें: दुख की बात है कि Adobe ने अपने BrowserLab प्रोजेक्ट को 13 मार्च 2013 को वापस बंद कर दिया।


1
बस BrowserShots के साथ सुनिश्चित करें कि आप सब कुछ अचयनित करते हैं, तो बस कुछ आप चाहते हैं (IE6 की तरह) का चयन करें। कौन बिल्ली "डिल्लो" का उपयोग कर रहा है ?!
असंतुष्टGoat

10

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

मैं नियमित रूप से क्षारीय का उपयोग करता हूं। यह काफी अच्छा है।

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


हां, वे हमारे मित्र हैं - वे doctype.com भी चलाते हैं, जो पाद लेख में है (हालांकि जल्द ही टकरा जाने की संभावना है)
जेफ एटवुड

6

यह काफी अच्छा है: http://browsershots.org/

देखें कि यह ब्राउज़रों और प्रस्तावों की एक सीमा पर कैसा दिखता है। हालांकि वेब पर होने की जरूरत है।


6

मैं अत्यधिक में आईई परीक्षण की सिफारिश करेंगे IETester , यहाँ उपलब्ध । यह हल्का, तेज, सटीक है और 5.5-अप से सभी IE का समर्थन करता है।


1
IETester इस बात पर एक अच्छा संदर्भ देता है कि IE ब्राउज़र में आपकी साइट कैसी दिखती है। हालाँकि हमारे पास ऐसी घटनाएँ थीं जहाँ IE6 का प्रतिपादन अलग था तो असली IE6 प्रतिपादन इंजन।
रिक्जा

5

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


5

MS में SuperPreview नामक उत्पाद भी है (एक्सप्रेशन टूलकिट के हिस्से के रूप में), जो आपको IE के सभी संस्करणों और फ़ायरफ़ॉक्स के नवीनतम संस्करण में आपकी साइट के एक इंटरेक्टिव संस्करण के साथ साइड-बाय-साइड या ओवरलैड काम करने की अनुमति देता है।

इसमें एक वेब सेवा तक पहुंच भी शामिल है जो आपको दिखाती है कि मैक पर सफारी में आपकी साइट कैसी दिखती है - यह आउटपुट की एक छवि उत्पन्न करेगा, लेकिन मेटाडेटा फ़ाइल का भी उपयोग करता है जो आपको यह देखने की अनुमति देता है कि मार्कअप के कौन से हिस्से उत्पन्न हुए छवि का, इसलिए यह अभी भी काफी शक्तिशाली है।


4

यह Apple कंप्यूटर पर विकसित होने के प्रमुख कारणों में से एक है। VMWare फ्यूजन या अन्य इम्यूलेशन सॉफ्टवेयर्स का उपयोग करना, यह एकमात्र कंप्यूटर है जिसे आप कानूनी तौर पर सभी प्रमुख ऑपरेटिंग सिस्टम को स्थापित कर सकते हैं।

फिर आप वास्तविक ओएस में वास्तविक ब्राउज़रों का परीक्षण कर सकते हैं, न कि बाहरी स्रोतों पर निर्भर होकर आपके लिए अपना गंदा काम करने के लिए, जहां आप किसी भी त्रुटि को ठीक करने / निदान करने के लिए देशी डीबगिंग टूल का उपयोग कर सकते हैं।


क्यों Apple? आप लिनक्स या विंडोज पर भी एक virtualbox.org इस्तेमाल कर सकते हैं ...
mbrochh

1
क्यों Apple? क्योंकि आप सेवा की शर्तों का उल्लंघन किए बिना लिनक्स या विंडोज पर OSX स्थापित नहीं कर सकते।
डैन गेल

1
यह मेरे लिए थोड़ा मूर्खतापूर्ण लगता है, आप कह रहे हैं कि Apple में विकसित होने का एक मुख्य कारण यह है कि आपको अन्य कंप्यूटरों के लिए OSX का उपयोग करने की अनुमति नहीं है।

अगर मैं वैध रूप से Hackintosh चला सकता हूं, तो मैं शायद हार्डवेयर मुद्दों को एक तरफ रख दूंगा। लेकिन फिर, यह सिर्फ एक विचार है।
डैन गेल


4

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

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

यदि आप विंडोज 7 अल्टीमेट का उपयोग कर रहे हैं, तो मैं आपको वर्चुअल पीसी और एक्सपी मोड के साथ एक ट्यूटोरियल का उल्लेख कर सकता हूं , जो एक होस्ट के लिए विभिन्न IE संस्करणों को चलाने के लिए एक समाधान है


4

आप StackOverflow पर थ्रेड की जाँच करना चाहते हैं: मोबाइल ब्राउज़रों पर एक वेबसाइट का परीक्षण करना


1
मुझे लगता है कि इस विषय के लिए यहां नकल करना ठीक है क्योंकि यह वेबमास्टर्स के लिए विशेष रुचि है।
जेफ एटवुड

1
@ जेफ: यही कारण है कि मैंने डुप्लीकेट के रूप में चिह्नित करने के बजाय एक उत्तर का उपयोग किया
केसबश

3

MogoTest एक बहुत ही हाल ही में TechStars स्टार्टअप है जो इसे अच्छी तरह से करता है। यह विभिन्न ब्राउज़र और OS से स्क्रीनशॉट प्रदान करता है, और आपके HTML और CSS को भी मान्य करता है।


हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.