2009-12-11 13 views
6

मैं वहां सभी ब्राउज़रों के लिए सबसे अच्छा डिबगिंग एड्स एकत्र करना चाहता हूं। तो शायद फ़ायरफ़ॉक्स के लिए Firebug होगा लेकिन IE के लिए आप क्या उपयोग करते हैं? सफारी? ओपेरा? ओपेरा मिनी? उसके अलावा और क्या है वहाँ? क्या ऐसे उपकरण हैं जो आईई 6 के लिए अच्छी तरह से काम करते हैं? आईई 5?आप अपने ब्राउज़र में एचटीएमएल/जेएस डीबग करने के लिए किस उपकरण का उपयोग करते हैं?

+0

द्वारा निर्धारित और अब जा रहा है;

  • Tamper Data या HttpFox वेबपेजों (अच्छी तरह से, AdBlock प्लस भी हो सकता है) से अनुरोध देखने के लिए उपयोगी होते हैं क्यों वहाँ एंड्रॉयड पर सीधे डीबगिंग के लिए बिल्कुल शून्य बराबर उपकरण हैं के रूप में प्रश्न (यानी दूरस्थ बकवास है कि क्षेत्र में काम नहीं करेगा आपके पास इंटरनेट कनेक्शन या उपलब्ध गैर Android डिवाइस की जरूरत नहीं है जब से कोई भी।) – Michael

  • +0

    @ माइकल: प्रश्न पूछें और एक टिप्पणी के रूप में लिंक पोस्ट यहाँ :-) –

    उत्तर

    13

    फ़ायरफ़ॉक्स (किसी भी संस्करण> 2.0) के लिए, Firebug का उपयोग करें।

    +0

    मैं पूर्णता के लिए इस पोस्टिंग कर रहा हूँ और इसलिए हम मतदान का उपयोग कर सकते एक बेहतर उपकरण लगाने के लिए (यदि वहाँ होना चाहिए एक :) –

    +0

    +1 क्या कोई और है? – OscarRyz

    +0

    फायरबग सबकुछ धड़कता है। एकमात्र चीज जो यह नहीं कर सकती है वह आईई रेंडरिंग त्रुटियों को ढूंढती है, जिस बिंदु पर आप आईई में वेब विकास के डरावनी हैं। –

    4

    इंटरनेट एक्सप्लोरर या फ़ायरफ़ॉक्स के अलावा अन्य ब्राउज़रों में:

    FireBug Lite

    5

    IE के लिए, या तो डेवलपर टूल आईई 8 या Developer Toolbar में शामिल थे।

    +0

    आईई के कौन से संस्करण इस काम के लिए करते हैं? –

    +0

    आईई 6 और 7. आईई 8 में देव उपकरण वैसे भी बेहतर हैं इसलिए वहां कुछ भी नहीं है। क्रोम देव टूल्स के लिए – Joey

    13

    Here is a roundup

    • फ़ायरफ़ॉक्स Firebug है और Webdeveloper टूलबार,
    • सफारी और क्रोम में इंस्पेक्टर है,
    • ओपेरा में ड्रैगनफ्लाई है,
    • इंटरनेट एक्सप्लोरर डेवलपर टूलबार

    Firebug अभी भी सबसे उन्नत सुविधाओं की है है, लेकिन दूसरों के आगे बढ़ रहे हैं।

    +3

    +1, मेरी राय में फायरबग से कहीं बेहतर है; – Rixius

    3

    गूगल क्रोम के लिए Speed Tracer विस्तार अत्यंत उपयोगी लग रहा है।

    0

    फ़ायरफ़ॉक्स 3.5 के लिए, फ़ायरबग का उपयोग करें।IE8 के लिए, डेवलपर उपकरण

    का उपयोग
    1

    निश्चित रूप से Firebug/Firebug लाइट :) गूगल क्रोम के जे एस सांत्वना भी बहुत अच्छा

    2
    0

    Firebug के अलावा फ़ायरफ़ॉक्स, का उपयोग करना (के रूप में कई जैसा कि पहले उल्लेख किया है) मुझे मोज़िला का Venkman JavaScript debugger बल्कि समय-समय पर भी आसान लगता है।

    0

    रणनीतिक रूप से रखी गई विंडो की एक श्रृंखला। चेतावनी फ़ंक्शन कॉल चुटकी में आसान है। यदि मैं कर सकता हूं, तो मैं Firebug Lite का उपयोग करने का प्रयास करता हूं।

    +0

    हैंडी लेकिन ऐप के प्रवाह को भी अवरुद्ध करता है। –

    1

    मैं का उपयोग id="debug" के साथ करने और फिर डिबगिंग के लिए टेक्स्ट जोड़ने का सुझाव देता हूं। यह आपको डीबग आउटपुट के साथ एचटीएमएल को ओवरले करने की अनुमति देता है और यह ऐप के प्रवाह को अवरुद्ध नहीं करता है। यह सुनिश्चित करने के लिए z-index का उपयोग करें कि यह शीर्ष पर रहता है और इसे पारदर्शिता प्रदान करता है ताकि आप इसके माध्यम से देख सकें। सीएसएस के लिए this answer देखें।

    या एक नई विंडो खोलें और वहां अपने डीबग संदेश संलग्न करें।

    आप पूर्ण लॉगिंग लागू करने के लिए नेस्टेड DIV रों के साथ इस का उपयोग कर सकते हैं। this article on A List Apart पर एक नज़र डालें और log4js पर कुछ विचार प्राप्त करने के लिए।

    1

    Firebug सबसे हल्के उपकरण नहीं है, तो मैं कभी कभी Firefox के लिए अन्य ऐड-ऑन का उपयोग करें:

    • आप XPath के साथ खेल रहे हैं, XPath Checker आसान और हल्के है। मैंने इसे अपने आप पर tweaked हालांकि एचटीएमएल नोड्स के बजाय परिणाम के HTML स्रोत को पाठ के रूप में प्रदर्शित करने के लिए। , देखने के कुकीज़ एक अनुवर्ती के लिए वेब सर्वर आदि

    संबंधित मुद्दे

     संबंधित मुद्दे