वेब पर एआई की मदद से काम करने वाली सुविधाएं बनाएं.

पहले से मौजूद एआई

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

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

WebMCP की मदद से, एजेंट से भरोसेमंद कॉल करना

WebMCP का मकसद, स्ट्रक्चर्ड टूल को उपलब्ध कराने का एक स्टैंडर्ड तरीका देना है. इससे एआई एजेंट, आपकी साइट पर ज़्यादा तेज़ी, भरोसेमंद तरीके से, और सटीक तरीके से कार्रवाइयां कर सकते हैं.
चरण 1

आपकी साइट, WebMCP टूल के तौर पर उन कार्रवाइयों के बारे में बताती है जिन्हें कोई एजेंट कर सकता है. हर टूल का एक नाम, ब्यौरा, और JSON स्कीमा होता है.

// Imperative API
document.modelContext.registerTool({
  name: "bookSlot",
  title: "Book a consultation slot",
  description: "Reserve a 30-minute consultation.",
  inputSchema: {
    type: "object",
    properties: {
      date:  { type: "string", format: "date" },
      time:  { type: "string" },
      name:  { type: "string" },
      email: { type: "string", format: "email" }
    },
    required: ["date", "time", "name", "email"]
  },
  annotations: { readOnlyHint: false },
  execute: async (input, client) => {
    return await api.book(input);
  }
});
चरण 2

ब्राउज़र, इन टूल को इकट्ठा करता है और उपयोगकर्ता के WebMCP-aware एजेंट को दिखाता है. साथ ही, पेज का यूआरएल, टाइटल, और ऑरिजिन की अनुमति का दायरा भी दिखाता है.

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

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

// the agent's view
{
  "tool": "bookSlot",
  "arguments": {
    "date": "2026-07-31",
    "time": "14:00",
    "name": "Jerry Jones",
    "email": "jerry.jones@example.com"
  }
}

वेब पर एआई को तेज़ी से काम करने में मदद करना

Wasm, WebGPU, और WebNN की मदद से, कंप्यूट और मॉडल की परफ़ॉर्मेंस को बेहतर बनाएं.

एआई इन्फ़रेंस में आम तौर पर इस्तेमाल होने वाले टास्क के लिए, WebAssembly में किए गए सुधारों के बारे में जानें.

Chrome में WebGPU के बारे में जानें और जीपीयू पर सामान्य कंप्यूटेशन के लिए बेहतरीन सहायता पाएं.

ब्राउज़र में मशीन लर्निंग की कार्रवाइयां करने के लिए, WebNN API का इस्तेमाल करें.

कोर्स

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

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

एआई ब्राउज़र टूल

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

एआई और Gemini Nano से जुड़ी खबरें

Chrome में पहले से मौजूद एआई एपीआई की मदद से, Gemini Nano की सुविधाओं का फ़ायदा पाएं.
Chrome में पहले से मौजूद एआई एपीआई का इस्तेमाल करने का तरीका जानें. इससे, आपके वेब ऐप्लिकेशन में उपयोगकर्ताओं के लिए कॉन्टेंट का अनुवाद करने, खास जानकारी देने, लिखने, और उसे फिर से लिखने की सुविधा चालू की जा सकती है. हम हाइब्रिड वर्कलोड बनाने के तरीके के बारे में चर्चा करते हैं. साथ ही, ब्राउज़र में पहले से मौजूद एआई के भविष्य के बारे में भी बात करते हैं.
अपनी और अपने ग्राहकों की ज़रूरतों के हिसाब से वेब और ब्राउज़र को ऑप्टिमाइज़ करने के लिए, क्लाइंट-साइड और क्लाउड एआई बनाया जा सकता है.
MediaPipe, LiteRT, और Transformers.js जैसी लाइब्रेरी और WebAssembly और WebGPU जैसे बेहतरीन वेब एपीआई की मदद से, एआई के साथ काम करने वाले बेहतरीन अनुभव बनाए जा सकते हैं.

पेश है वेब एआई

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