Devtools

DevTools आपको लाइव सत्र में या सत्र इतिहास में, वास्तविक समय में अपने ब्राउज़र सत्र की निगरानी और डीबग करने की अनुमति देता है। DevTools सामग्री में समृद्ध है, जो तीन प्रमुख घटना श्रेणियों को कवर करता है:

Console

कंसोल पैनल पृष्ठ से वास्तविक समय लॉग आउटपुट प्रदर्शित करता है। प्लेग्राउंड में, console.log जैसे कथन जोड़ने से आप चर मानों का त्वरित निरीक्षण कर सकते हैं, फ़ंक्शन निष्पादन का पता लगा सकते हैं, और तार्किक त्रुटियों की पहचान कर सकते हैं—विशेष रूप से ऑटोमेशन स्क्रिप्ट या जटिल वर्कफ़्लो को डीबग करते समय सहायक।

  • लाइव लॉग और त्रुटि निगरानी: पृष्ठ के जावास्क्रिप्ट द्वारा उत्पन्न वास्तविक समय लॉग, चेतावनियाँ और त्रुटि संदेश देखें ताकि कोड समस्याओं का त्वरित पता लगाया जा सके।
  • ऑटोमेशन स्क्रिप्ट डीबगिंग: कंसोल ऑटोमेशन स्क्रिप्ट को डीबग करने के लिए एक अपरिहार्य उपकरण है। आप प्रमुख जानकारी आउटपुट कर सकते हैं, स्क्रिप्ट के निष्पादन प्रवाह को ट्रैक कर सकते हैं, और संभावित सर्वर-साइड त्रुटियों को देख सकते हैं, जिससे डीबगिंग दक्षता में उल्लेखनीय रूप से सुधार होता है।

console.gif

Network

नेटवर्क पैनल प्रत्येक अनुरोध के बुनियादी विवरणों का एक स्पष्ट अवलोकन प्रदान करता है, और आपको पूर्ण अनुरोध जानकारी का निरीक्षण करने की अनुमति देता है—जैसे कि प्रतिक्रिया शीर्षलेख—व्यक्तिगत प्रविष्टियों का विस्तार करने के लिए क्लिक करके।

  • प्रदर्शन विश्लेषण: नेटवर्क अनुरोध समयरेखा और लोडिंग समय का विश्लेषण करके बॉटलनेक की पहचान करें जो पृष्ठ लोडिंग को धीमा करते हैं, जैसे कि बड़ी छवियां या धीमी API प्रतिक्रियाएँ।
  • अनुरोध और प्रतिक्रिया निरीक्षण: व्यक्तिगत संसाधनों के गुणों की जांच करें, जैसे कि उनके HTTP शीर्षलेख, सामग्री और आकार, यह सुनिश्चित करने के लिए कि वे अपेक्षा के अनुरूप लोड हो रहे हैं। आप कैशिंग नीतियों जैसे कॉन्फ़िगरेशन को सत्यापित करने के लिए सभी संसाधनों के शीर्षलेखों और प्रतिक्रियाओं को भी खोज सकते हैं।

network.gif

Elements

एलिमेंट्स पैनल आपको वर्तमान पृष्ठ की HTML संरचना और संबंधित CSS शैलियों को सीधे देखने की अनुमति देता है।

elements.gif

अपने लाइव सत्रों से अधिक प्राप्त करना चाहते हैं? Scrapeless ब्राउज़र कंसोल आपको तत्वों का निरीक्षण करने, वास्तविक समय में स्क्रिप्ट चलाने और सीधे क्लाउड में डीबग करने देता है। यह जानें कि इसका उपयोग विकास और समस्या निवारण को गति देने के लिए कैसे करें 👉Brand-New Real-Time Browser Console Is Live