वेब ब्राउज़र, एचटीटीपी प्रोटोकॉल का पालन करके वेबसाइटों से इंटरैक्ट करते हैं. यह कम्यूनिकेशन के लिए, नियमों का स्टैंडर्ड सेट है:
- किसी वेब पेज पर जाने पर, आपका ब्राउज़र उस पेज के रिसॉर्स के लिए एचटीटीपी अनुरोध भेजता है. जैसे, एचटीएमएल, सीएसएस, JavaScript, और इमेज.
- जब किसी एचटीटीपी सर्वर (वेब सर्वर, जो वेबसाइट को होस्ट करता है) को ब्राउज़र से मान्य एचटीटीपी अनुरोध मिलता है, तो सर्वर ब्राउज़र को एचटीटीपी रिस्पॉन्स के साथ जवाब देता है.
- अनुरोधों और रिस्पॉन्स में ज़्यादा जानकारी शामिल हो सकती है. इसे एचटीटीपी हेडर कहा जाता है.
उदाहरण के लिए, साइट cats.example.
अनुरोध
cats.example
पेज को ऐक्सेस करने पर, अलग-अलग डोमेन के लिए अनुरोधों की एक चेन शुरू होती है. इसमें cats.example
पर होस्ट की गई इमेज का अनुरोध, analytics.example
से मिली आंकड़ों की स्क्रिप्ट का अनुरोध, और दूसरे डोमेन से अन्य संसाधनों के लिए किए गए अन्य अनुरोध शामिल हैं.
ब्राउज़र से वेब सर्वर को अतिरिक्त जानकारी देने के लिए, एचटीटीपी अनुरोधों को एचटीटीपी अनुरोध हेडर के साथ जोड़ा जा सकता है. उदाहरण के लिए, अक्सर इस तरह के हेडर शामिल किए जाते हैं:
Accept-Language: en-US
यह हेडर, उपयोगकर्ता की पसंदीदा भाषा दिखाता है. इस मामले में, अंग्रेज़ी (अमेरिका).User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36
इस हेडर से, उपयोगकर्ता के ब्राउज़र और ऑपरेटिंग सिस्टम के बारे में जानकारी मिलती है. उदाहरण के लिए, "Mozilla/5.0" (ब्राउज़र फ़ैमिली), "Macintosh" (ऑपरेटिंग सिस्टम), और "Chrome/127.0.0.0" (ब्राउज़र वर्शन).
जवाब
जब किसी वेब सर्वर को ब्राउज़र से कोई मान्य अनुरोध मिलता है, तो सर्वर ब्राउज़र को एक रिस्पॉन्स भेजता है. इस रिस्पॉन्स में वह रिसॉर्स होता है जिसका अनुरोध किया गया था ("पेलोड"): एचटीएमएल, सीएसएस, JavaScript, इमेज फ़ाइल, वीडियो या अन्य डेटा. ठीक वैसे ही जैसे ब्राउज़र के हर अनुरोध में अनुरोध हेडर शामिल हो सकते हैं, वैसे ही सर्वर के हर रिस्पॉन्स में रिस्पॉन्स हेडर शामिल हो सकते हैं. ये रिस्पॉन्स हेडर, पेलोड के साथ भेजे जाते हैं.
रिस्पॉन्स में शामिल Set-Cookie
हेडर, आपके ब्राउज़र को कुछ टेक्स्ट सेव करने के लिए कहता है: एक नाम और एक वैल्यू. इसे एचटीटीपी कुकी कहा जाता है. cats.example/images/cat.jpg
के अनुरोध के जवाब में, cats.example
सर्वर में हेडर Set-Cookie:cat=tabby
शामिल होता है. इससे ब्राउज़र को, tabby वैल्यू के साथ cat नाम की कुकी स्टोर करने का निर्देश मिलता है.
इसके बाद, उस कुकी को cats.example,
के लिए किए जाने वाले अनुरोधों में शामिल किया जाएगा. यह तब तक शामिल रहेगी, जब तक कुकी एक्सपायर या हटाई नहीं जाती.
इससे सर्वर को कई वेब पेजों या सेशन में उपयोगकर्ता के बारे में जानकारी बनाए रखने में मदद मिलती है. उदाहरण के लिए, उपयोगकर्ता को टैबी बिल्ली की इमेज दिखाई गई है.
हेडर | कार्रवाई | उदाहरण | Effect | |
---|---|---|---|---|
एचटीटीपी रिस्पॉन्स सर्वर से ब्राउज़र |
Set‑Cookie
|
वेब सर्वर, आपके ब्राउज़र से कुकी सेव करने के लिए कहता है. | Set‑Cookie:cat=tabby |
कुकी को आपका ब्राउज़र सेव करता है और उसे सेट करने वाले सर्वर को बाद के अनुरोधों में उपलब्ध कराता है. |
एचटीटीपी अनुरोध ब्राउज़र से सर्वर को |
Cookie |
आपका ब्राउज़र एक कुकी उपलब्ध कराता है. | Cookie:cat=tabby |
कुकी को उस सर्वर के लिए उपलब्ध कराया जाता है जो अनुरोध का डेस्टिनेशन है. |
डेमो
- 1pc.glitch.me: पहले-पक्ष की कुकी का डेमो
- 3pc.glitch.me: तीसरे पक्ष की कुकी का डेमो
टूल
- Chrome DevTools में कुकी देखना, जोड़ना, उनमें बदलाव करना, और उन्हें मिटाना
- Privacy Sandbox विश्लेषण टूल