वेब डेवलपमेंट के लिए Chrome एक्सटेंशन

गुरुवार, 27 मई, 2010

Chrome डेवलपर टूल, Chrome में एचटीएमएल, JavaScript, और सीएसएस को डीबग करने के लिए बेहतरीन हैं. अगर कोई व्यक्ति Chrome वेब स्टोर के लिए कोई वेब पेज या कोई वेब ऐप्लिकेशन लिख रहा है, तो वह DOM में एलिमेंट की जांच कर सकता है, लाइव JavaScript को डीबग कर सकता है, और मौजूदा पेज पर सीएसएस के स्टाइल में बदलाव कर सकता है. एक्सटेंशन के ज़रिए, Google Chrome को वेब डेवलपमेंट के लिए और भी बेहतर प्लैटफ़ॉर्म बनाया जा सकता है. इसके लिए, एक्सटेंशन ऐसी और सुविधाएं उपलब्ध कराते हैं जिन्हें, आसानी से अपने ब्राउज़र में ऐक्सेस किया जा सकता है. आपके जैसे डेवलपर की मदद करने के लिए, हमने एक ऐसा पेज बनाया है जिस पर, वेब डेवलपमेंट के लिए एक्सटेंशन दिए गए हैं. हमें उम्मीद है कि यह जानकारी, वेब के लिए ऐप्लिकेशन और साइटें बनाने में आपके काम आएगी.

Chrome का एक्सटेंशन, स्पीड ट्रेसर

उदाहरण के लिए, स्पीड ट्रेसर एक एक्सटेंशन है, जो आपके वेब ऐप्लिकेशन की परफ़ॉर्मेंस से जुड़ी समस्याओं को पहचानने और उन्हें ठीक करने में आपकी मदद करता है. स्पीड ट्रेसर की मदद से, आपको बेहतर तरीके से पता चल सकता है कि आपके ऐप्लिकेशन में समय कहां बिताया जा रहा है. साथ ही, इसकी मदद से, JavaScript को पार्स करने और चलाने से जुड़ी समस्याओं को हल करने के साथ-साथ सीएसएस स्टाइल वगैरह की समस्याओं को हल किया जा सकता है.

Chrome का एक्सटेंशन, रिज़ॉल्यूशन टेस्टर

रिज़ॉल्यूशन टेस्ट एक और काम का एक्सटेंशन है, जो ब्राउज़र विंडो के साइज़ में बदलाव करता है. इससे, वेब डेवलपर अलग-अलग स्क्रीन रिज़ॉल्यूशन में, वेबसाइटों की झलक देख सकते हैं. इसमें आम तौर पर इस्तेमाल किए जाने वाले रिज़ॉल्यूशन की सूची भी शामिल है. साथ ही, इसमें अपने हिसाब से रिज़ॉल्यूशन डालने का विकल्प भी दिया गया है.

Chrome का एक्सटेंशन, वेब डेवलपर

वेब डेवलपर एक्सटेंशन की मदद से, डेवलपर के अन्य टूल ऐक्सेस किए जा सकते हैं. जैसे, पुष्टि करने के विकल्प, पेज का साइज़ बदलना, और सीएसएस एलिमेंट व्यूअर. ये सभी सुविधाएं, टूलबार में मौजूद एक अतिरिक्त बटन के ज़रिए मिलती हैं.

Chrome का एक्सटेंशन, Chrome एडिटर

Chrome Editor एक और एक्सटेंशन है, जिसे आपको आज़माना चाहिए. इसकी मदद से, ब्राउज़र में आसानी से कोडिंग की जा सकती है. इस तरह, आपको अपने ब्राउज़र और कोड एडिटर के बीच स्विच करने की ज़रूरत नहीं होती. आपके पास, बाद में इस्तेमाल करने के लिए, कोड को अपने कंप्यूटर पर सेव करने का विकल्प भी मौजूद है.

ये एक्सटेंशन, हमारे वेब डेवलपमेंट के लिए एक्सटेंशन पेज पर दिए गए हैं. इस पेज पर आपको और भी कई एक्सटेंशन मिलेंगे. एक्सटेंशन गैलरी में जाकर, और भी एक्सटेंशन देखे जा सकते हैं.