रिमोट डिबगिंग के लिए Chrome DevTools ऐप कैसे सक्षम करें
Chrome DevTools App, केनेथ ऑचेनबर्ग द्वारा devtools को ब्राउज़र से बाहर निकालने के प्रयास में बनाया गया है - इस मामले में Chrome ब्राउज़र से बाहर है। यह एप्लिकेशन NW.js पर आधारित है और मैक ओएस एक्स के साथ-साथ लिनक्स और विंडोज पर भी चल सकता है.
कई कारण हैं जिन्होंने निर्माता को इसे बनाने के लिए प्रेरित किया लेकिन उनकी दृष्टि में डेवलपर्स को सुविधा प्रदान करना शामिल है एक ही एकीकृत प्लेटफ़ॉर्म (एप्लिकेशन) से कई ब्राउज़रों में दूरस्थ डिबगिंग. यह विचार विभिन्न कारणों (और प्रतिरोध, जिसे आप उसके ब्लॉग पर पढ़ सकते हैं) के कारण उसे पकड़ने और उसे पूरा करने में कुछ समय लगेगा।.
हम Chrome DevTools App पर एक संक्षिप्त नज़र डालेंगे और देखेंगे कि Google को डेवलपर्स को क्या प्रस्ताव देना है.
होंगकीट पर अधिक:
- Chrome डेवलपर टूल के साथ शुरुआत करना
- डेवलपर्स के लिए 5 (अधिक) उपयोगी क्रोम DevTools टिप्स
- Google Chrome DevTools थीम को कैसे अनुकूलित करें
स्थापना
Chrome-Devtools.app.zip डाउनलोड करें और इसे निकालें। चलाने के लिए डबल क्लिक करें। अपना Chrome ब्राउज़र प्रारंभ करें और दूरस्थ डीबग करना सक्षम करें.
मैक पर ऐसा करने के लिए, टर्मिनल खोलें और नीचे कमांड चलाएं:
sudo / Applications / Google \ Chrome.app/Contents/MacOS/Google \ Chrome -remote-debugging-port = 9222
यदि आप विंडोज़ चलाते हैं, तो कमांड प्रॉम्प्ट खोलें और इस कमांड का उपयोग करें:
chrome.exe -remote-debugging-port = 9222 शुरू करें
कैसे इस्तेमाल करे
जब आपका Chrome पहले से ही खुला है, तो दूरस्थ डिबगिंग सुविधा सक्षम होने के बाद, आप अब किसी भी साइट पर ब्राउज़ कर सकते हैं। उदाहरण के लिए हमने इस अभ्यास के लिए Hongkiat.com खोला। इसके बाद, हम Chrome DevTools ऐप विंडो पर जाएं, और इस सूची को ताज़ा करें (बटन नीचे दाईं ओर है).
अब आपको Hongkiat.com लिंक सूचीबद्ध दिखाई देगा (जैसा कि नीचे दिखाया गया है).
अभी व 'गो' बटन पर क्लिक करें. आपको एक नई विंडो पर ले जाया जाएगा। बस। आपके पास Chrome DevTools ऐप पहले से मौजूद है और चल रहा है। जब आप क्रोम ब्राउज़र पर "तत्व का निरीक्षण" करते हैं, तो आप यहाँ वही देख सकते हैं, जो वही है.
और यहाँ से आप क्रोम DevTools ऐप का उपयोग उसी तरह कर सकते हैं जैसे क्रोम पर DevTools का उपयोग करके: आप DOM तत्व का निरीक्षण कर सकते हैं, जावास्क्रिप्ट को डीबग कर सकते हैं, कंसोल के साथ काम कर सकते हैं और बहुत कुछ.
आगे क्या होगा?
यह ऐप अभी भी बहुत प्रयोगात्मक है। लेकिन अभी के लिए, DevTool को क्रोम से बाहर निकालने का विचार डेवलपर्स को एक कार्यात्मक संपादक के रूप में ऐप का इलाज करने की अनुमति देता है, और नोड.जेएस और आईओएस जैसे अन्य रनटाइम्स के साथ काम करता है। अधिक संभावनाओं के लिए, आप यहां आचेनबर्ग के विचार की ट्रेन की जांच कर सकते हैं.