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

Matthias Rohmer

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

खास जानकारी

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

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

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

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

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

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

एआई की मदद पैनल का इस्तेमाल करने के लिए, पक्का करें कि:

  • आपकी उम्र कम से कम 18 साल हो और आप उन देशों/इलाकों में से किसी एक में हों जहां यह सुविधा उपलब्ध है.
  • Chrome का नया वर्शन इस्तेमाल किया जा रहा हो.
  • आपने अपने Google खाते से Chrome में साइन इन किया हो.
  • DevTools में Settings > Preferences > Appearance > Language में English (US) को चुना गया हो.
  • DevTools में, सेटिंग > एआई इनोवेशन चालू की हों.

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

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

गलत जानकारी

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

गलत जवाब या जानकारी के उदाहरण:

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

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

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

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

यहां दिया गया हानिरहित उदाहरण देखें:

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

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

मैनेज किए जा रहे Chrome एनवायरमेंट में, एआई की मदद से जुड़ी सुविधा और कंसोल इनसाइट की उपलब्धता को 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 है.