मैं एक उपकरण की तलाश कर रहा हूँ जो कर सकता है:
- HTML तत्वों का निरीक्षण करें
- जावास्क्रिप्ट का प्रबंधन / डीबग करें
- प्रोफ़ाइल प्रदर्शन
- वास्तविक समय में तत्वों को संशोधित करें
मैं एक उपकरण की तलाश कर रहा हूँ जो कर सकता है:
जवाबों:
यह पेज [पेपर] -> डेवलपर -> डेवलपर टूल (Chrome v5 और अंडर में) में बनाया गया है। यह v6 में भिन्न होने की संभावना है क्योंकि पृष्ठ बटन उस संस्करण में गायब हो रहा है।
मूल प्रश्न पूछे हुए 4 साल हो चुके हैं। क्रोम (स्थिर) अब संस्करण 38 पर है। लंबे समय से इसमें डेवलपर टूल्स का एक पूरा सेट शामिल किया गया है जो फ़ायरफ़ॉक्स के लिए फ़ायरबग के लगभग बराबर हैं (हालांकि संयोग से फ़ायरफ़ॉक्स में एक अंतर्निहित इंस्पेक्टर भी है)।
Chrome के डेवलपर टूल में कुछ चीजें आपको करने की अनुमति देती हैं:
देव टूल्स को विभिन्न तरीकों से एक्सेस किया जा सकता है।
क्रोम मेनू -> उपकरण -> डेवलपर उपकरण
Ctrl+ Shift+ Iविंडोज में या Cmd+ एक मैक पर Shift+I
F12 विंडोज पर
एक पृष्ठ पर कहीं भी राइट-क्लिक करें और निरीक्षण तत्व का चयन करें
इन-ब्राउज़र टूल अपनी नौकरी में महान हैं और आमतौर पर आपकी सबसे अच्छी पहली पसंद हैं, लेकिन कभी-कभी वे HTTP अनुरोध / प्रतिक्रिया पेलोड पर पर्याप्त तकनीकी विवरण प्रदान नहीं करते हैं, या बहुत पृष्ठ-विशिष्ट हैं।
इन मामलों में, आप पा सकते हैं कि एक समर्पित HTTP निरीक्षण उपकरण जैसे कि फिडलर या लिनक्स विकल्प में से एक अधिक जानकारी प्रदान करेगा।
यदि आपको वास्तव में नंगे-धातु प्राप्त करने की आवश्यकता है, तो Wireshark पूर्ण नेटवर्क ट्रैफ़िक विश्लेषण के लिए HTTP से आगे निकल जाता है, लेकिन पहले से ही अभिभूत होने के लिए तैयार रहें।
आप Google के ओपन सोर्स स्पीड ट्रेसर - http://code.google.com/webtoolkit/speedtracer/ को भी आज़मा सकते हैं
स्पीड ट्रेसर आपके वेब अनुप्रयोगों में प्रदर्शन समस्याओं की पहचान करने और उन्हें ठीक करने में आपकी सहायता करने वाला उपकरण है। यह मेट्रिक्स की कल्पना करता है जो ब्राउज़र के अंदर निम्न स्तर के इंस्ट्रूमेंटेशन पॉइंट से लिया जाता है और आपके एप्लिकेशन के चलने के दौरान उनका विश्लेषण करता है। स्पीड ट्रेसर एक क्रोम एक्सटेंशन के रूप में उपलब्ध है और सभी प्लेटफार्मों पर काम करता है जहां एक्सटेंशन वर्तमान में समर्थित हैं (विंडोज और लिनक्स)।
स्पीड ट्रेसर का उपयोग करके आप अपने आवेदन में समय कहाँ बिताया जा रहा है, इसकी बेहतर तस्वीर प्राप्त करने में सक्षम हैं। इसमें जावास्क्रिप्ट पार्सिंग और निष्पादन, लेआउट, CSS शैली पुनर्गणना और चयनकर्ता मिलान, DOM ईवेंट हैंडलिंग, नेटवर्क संसाधन लोडिंग, टाइमर फायर, XMLHttpRequest कॉलबैक, पेंटिंग, और बहुत सारी समस्याएं शामिल हैं।