विकास

Question

के साथ मदद करने के लिए ब्राउज़र एड-ऑन टूल्स के लिए सिफारिशें क्या कोई विकास के साथ मदद के लिए कुछ अच्छे ब्राउज़र ऐड-ऑन टूल/एक्सटेंशन सुझा सकता है? मेरे पास फ़ायरफ़ॉक्स में फ़ायरबग स्थापित है जो सीएसएस, एचटीएमएल और जावास्क्रिप्ट से निपटने के लिए बहुत अच्छा है; कोई अन्य सुझाव?

Firebug

Answer 1

फ़ायरफ़ॉक्स:

• Inspect This अगर आप आप दूरी पिक्सेल बताने के लिए सभी
• Measure It पर DOM निरीक्षक का उपयोग करें (अगर आप की जरूरत है कि)
• IE View या Safari View अन्य ब्राउज़रों
में परीक्षण में आसानी के लिए
• HTML Validator यदि आप सत्यापन
• Console² को सुधारने के लिए सत्यापन की परवाह करते हैं जे एस त्रुटि कंसोल
• Javascript Shell बुकमार्कलेट भी उपयोगी है (और वहाँ के रूप में अच्छी दूसरों को देखो)

संपादित करें: यह Web Development Toolbar दूसरों

Answer 2

अन्य Firefox के लिए अत्यावश्यक क्रिस Pederick के Web Developer Toolbar है। ओपेरा के लिए

Answer 3

डेवलपर कंसोल और डोम स्नैपशॉट:

http://dev.opera.com/tools/

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

Answer 4

Firefox के लिए:

Firebug जांच और विकास के लिए भयानक है।

Web Developer Toolbar भी अच्छा है। वास्तव में सीएसएस और पेज लेआउट सामान के साथ-साथ और भी बहुत मदद करता है।

मैं Live HTTP Headers का भी उपयोग करता हूं (मुझे लगता है कि इसे कहा जाता है, लेकिन यह मेरी कार्य मशीन पर है, इसलिए अब लिंक नहीं मिल रहा है)। जिसने हमें कैशिंग मुद्दों और इसी तरह की मदद की है।

मैं बहुत सारे मोबाइल फोन विकास करता हूं, इसलिए मैं UserAgent Switcher का भी उपयोग करता हूं। विभिन्न मोबाइल फोन होने का नाटक करने के लिए बहुत उपयोगी है।

मैं केवल फ़ायरफ़ॉक्स का विकास के लिए उपयोग करता हूं, और केवल अन्य ब्राउज़रों में परीक्षण करता हूं क्योंकि फ़ायरफ़ॉक्स के विकास में सहायता के लिए प्लगइन की विस्तृत श्रृंखला नहीं है।

Answer 5

आपको निश्चित रूप से सफारी स्थापित करना चाहिए। इसमें कई टूल अंतर्निहित हैं। मैं इसे हर समय अन्य ब्राउज़रों के साथ संयोजन में उपयोग करता हूं।

• नेटवर्क समय
• त्रुटि कंसोल
• वेब निरीक्षक
• स्निपेट संपादक

साथ ही यह है कि आप अपने अनुरोध के लिए उपयोगकर्ता एजेंट बना सकते हैं।

इस पर विचार करें, इसमें नामक एक अलग शीर्ष-स्तरीय मेनू है विकसित करें।

Answer 6

ने उल्लेख किया IE के मामले में के अतिरिक्त है, अगले उपकरण उपयोगी हो सकता है

• Microsoft Developer Toolbar - डोम | शैलियों व्यूअर
• Fiddler HTTP Debugger - http पर नजर रखने के
• Instant source - डोम | शैलियों व्यूअर
• Companion.JS - डोम | शैलियों दर्शक, बढ़ाया त्रुटि कंसोल

"uber" IE के लिए विस्तार - IE8 के

Answer 7

एक भाग के रूप में प्रदान की "डेवलपर उपकरण",

फ़ायरफ़ॉक्स:

यह निरीक्षण यदि आप सभी

उपाय पर DOM निरीक्षक का उपयोग यह बताने के लिए दूरी पिक्सेल (अगर आप की जरूरत है कि)

आईई देखें या अन्य ब्राउज़र

HTML वैलिडेटर में परीक्षण में आसानी के लिए सफारी देखें अगर आप सत्यापन

के बारे में परवाह

Console2 अपने js त्रुटि कंसोल में सुधार करने के

जावास्क्रिप्ट शैल बुकमार्कलेट भी उपयोगी है (और वहाँ दूसरों के रूप में अच्छी तरह से देखो)

यह दूसरों

ने उल्लेख किया वेब विकास टूलबार के अतिरिक्त है

सेबजेर द्वारा यह सूची लगभग पूरी है (क्योंकि फ़ायरबग पहले से ही इस प्रश्न में उल्लिखित है)। मैं केवल Tamperdata जोड़ूंगा। समय-समय पर यह बहुत उपयोगी है।

Answer 8

ओपेरा है:

Dragonfly (उपकरण -> उन्नत -> डेवलपर उपकरण)

Debug Menu

UserJS methods for intercepting things

ओपेरा: config # CompatMode% 20Override quirks या मानकों मोड

मजबूर कर के लिए

Web developer widgets

आप फ़ाइलों का स्रोत देख सकते हैं, उन्हें संपादित कर सकते हैं, परिवर्तन लागू कर सकते हैं और कैश से पुनः लोड कर सकते हैं।

Answer 9

पहले से वर्णित उत्कृष्ट उपकरणों के अलावा, मुझे Charles बहुत उपयोगी होने के लिए मिला है। खासकर जब से मैं फ्लैश रीमोटिंग के साथ काम करता हूं जो इसे उत्कृष्ट रूप से संभालता है।

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

चार्ल्स HTTP/SSL संचार के लिए मैन-इन-द-बीच के रूप में कार्य कर सकता है, जिससे आप अपने HTTPS सत्रों की सामग्री को डीबग कर सकते हैं।

यह क्रॉसप्लेटफार्म है, $ 50 खर्च करता है, लेकिन "सत्र प्रति 30 मिनट" - मूल्यांकन आप डाउनलोड कर सकते हैं।

Answer 10

यहाँ मैं क्या उपयोग है:

फ़ायरफ़ॉक्स:

• DOM Inspector: मैं
• Launchy वेब विकास के लिए किसी और चीज से इस अधिक का उपयोग करें: अन्य ब्राउज़रों/क्षुधा
• Tamper Data में साइटों को खोलने के लिए : यह GET/POST अनुरोधों को डिबग करने के लिए सहायक हो सकता है
• Web Developer Toolbar: इसमें बहुत आसान काम है डिबगिंग के लिए tures: W3C सत्यापन उपकरण, बिल्ट-इन शासक, उपकरण, स्रोत हेरफेर, आसान कैश/सीएसएस/लिपि उपकरण

आईई आकार बदलने:

• Internet Explorer Developer Toolbar: कहीं नहीं निकट के रूप में Firefox के रूप में काम एक है, लेकिन कम से कम यह आप एक सभ्य DOM निरीक्षक देता

विविध:

• Jesse's handy bookmarklets: shell बुकमार्कलेट
• मैं भी Safari और Opera, स्थापित लेकिन ज्यादातर सिर्फ अपने देव उपकरण के बाद से परीक्षण और बेंच मार्किंग के लिए उपयोग फ़ायरफ़ॉक्स के रूप में के रूप में मजबूत नहीं कर रहे हैं विशेष रूप से उपयोगी है, और वे आईई के रूप में गाड़ी के रूप में नहीं कर रहे हैं।
• Lynx: मैं यह सुनिश्चित करने के लिए इसका उपयोग करता हूं कि कोई भी जेएस-हेवी साइट अभी भी काम करे ताकि मुझे यकीन है कि वे Google, स्क्रीन रीडर और किसी भी अन्य बॉट-जैसी ऐप के लिए ठीक दिखेंगे।

Answer 11

यहाँ Firefox 3 के लिए मेरे विकास उन्मुख ऐड-ऑन है:

1. Web Developer
2. Firebug
   1. Firecookie
   2. FirePHP
   3. Rainbow
3. TamperData
4. Poster
5. FireFTP
6. ReloadEvery
7. Selenium IDE

Answer 12

YSlow एक पृष्ठ की लोड अवधि समस्या निवारण के लिए एक मिठाई Firebug ऐड-ऑन है।