DevTools में एआई असिस्टेंस की सुविधा चालू करना

Matthias Rohmer

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

खास जानकारी

एआई की मदद से काम करने वाले पैनल की मदद से, DevTools में सीधे Gemini से चैट की जा सकती है. इस पैनल से शुरू की गई बातचीत में, जांच किए जा रहे पेज की तकनीकी जानकारी अपने-आप शामिल हो जाती है.

एआई की मदद से काम करने वाले पैनल का इस्तेमाल करते समय, बातचीत शुरू करने के लिए, दिए गए उदाहरण के तौर पर इस्तेमाल किए जाने वाले प्रॉम्प्ट या अपने सवाल इस्तेमाल किए जा सकते हैं. साथ ही, अपना काम पूरा करने के लिए, ज़रूरत के हिसाब से फ़ॉलो-अप सवाल पूछे जा सकते हैं.

एआई की मदद से काम करने वाले पैनल में की गई चैट से, आपको इन विषयों के बारे में ज़्यादा जानकारी मिल सकती है:

• स्टाइलिंग: DOM ट्री के एलिमेंट के बारे में पूछें और जानें कि वे किसी खास तरीके से क्यों दिखते हैं, वे एक-दूसरे के साथ कैसे इंटरैक्ट करते हैं. साथ ही, दिए गए फ़िक्स की मदद से, स्टाइलिंग से जुड़ी समस्याओं को हल करें.
• नेटवर्क से जुड़े अनुरोध. अपने पेज के संदर्भ में भेजे गए अनुरोधों के बारे में पूछें. जानें कि वे कहां से आ रहे हैं, उन्हें पूरा होने में कितना समय लगता है या वे क्यों पूरे नहीं हो पाते.
• सोर्स. अपने वेब पेज पर लोड की गई फ़ाइलों के बारे में सवाल पूछें. उनके कॉन्टेंट और मकसद के बारे में ज़्यादा जानें.
• परफ़ॉर्मेंस. परफ़ॉर्मेंस पैनल में रिकॉर्ड की गई, परफ़ॉर्मेंस प्रोफ़ाइल की गतिविधियों के बारे में पूछें और परफ़ॉर्मेंस को बेहतर बनाने के सुझाव पाएं.

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

ज़रूरी शर्तें

DevTools में एआई की मदद से काम करने वाले पैनल और एआई की अन्य सुविधाओं का इस्तेमाल करने के लिए, पक्का करें कि:

• आपकी उम्र कम से कम 18 साल हो और आप उन जगहों में से किसी एक पर हों जहां यह सुविधा उपलब्ध है.
• Chrome का सबसे नया वर्शन इस्तेमाल किया जा रहा हो.
• आपने Chrome में अपने Google खाते से साइन इन किया हो.
• DevTools में सेटिंग सेटिंग > प्राथमिकताएं > दिखावट > भाषा में, अंग्रेज़ी (अमेरिका) को चुना गया हो.
• DevTools में सेटिंग सेटिंग और एआई से जुड़े नए प्रयोग सेटिंग चालू की गई हो.

ज्ञात समस्याएं

एआई की मदद से काम करने वाली सुविधा, जानकारी जनरेट करने के लिए Google के लार्ज लैंग्वेज मॉडल का इस्तेमाल करती है. लार्ज लैंग्वेज मॉडल (एलएलएम), रिसर्च का एक नया और सक्रिय क्षेत्र है. एलएलएम से जनरेट किए गए जवाब कभी-कभी सवालों के जवाब नहीं होते या पूरी तरह से गलत होते हैं. यह ज़रूरी है कि आपको यह पता हो कि नतीजे सटीक नहीं हो सकते या गुमराह करने वाले हो सकते हैं. इसलिए, हमेशा दोबारा जांच करें!

गलत जानकारी

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

गलत जवाबों या जानकारी के उदाहरण यहां दिए गए हैं:

• CSS की ऐसी सुविधाएं, प्रॉपर्टी या सिंटैक्स जो असल में मौजूद नहीं हैं
• ऐसे एलिमेंट या क्लास के नाम जो असल में मौजूद नहीं हैं

गलत जानकारी मिलने पर, हमें सुझाव/राय या शिकायत सबमिट करके हमारी मदद की जा सकती है.

प्रॉम्प्ट इंजेक्शन

कई एलएलएम ऐप्लिकेशन, प्रॉम्प्ट इंजेक्शन के ज़रिए होने वाले गलत इस्तेमाल के शिकार हो सकते हैं. यह सुविधा भी इससे अलग नहीं है. एलएलएम को ऐसी निर्देश स्वीकार करने के लिए गुमराह किया जा सकता है जो डेवलपर के लिए नहीं होते.

यहां एक ऐसा उदाहरण दिया गया है जिससे कोई नुकसान नहीं होता:

सुविधा की उपलब्धता को कंट्रोल करना

मैनेज किए गए Chrome एनवायरमेंट में, एआई की मदद से काम करने वाली सुविधा और Console Insights की उपलब्धता को DevToolsGenAiSettings Enterprise नीति से कंट्रोल किया जाता है.

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

1. Chrome के सभी इंस्टेंस बंद करें
2. सुझाई गई नीति सेट करें
   • macOS: $ defaults write com.google.Chrome DevToolsGenAiSettings -integer 2 चलाएं
   • Linux: /etc/opt/chrome/policies/recommended में policies.json बनाएं और {"DevToolsGenAiSettings": 2} जोड़ें
   • Windows: regedit.exe में, HKEY_LOCAL_MACHINE\Software\Policies\Google\Chrome पर जाएं. DevToolsGenAiSettings कुंजी को dword:00000002 पर सेट करें
3. Chrome शुरू करें और chrome://policy पर जाकर पुष्टि करें कि DevToolsGenAiSettings की नीति की वैल्यू 2 है.