ब्राउज़र नोटिफिकेशन जनरेटर

ब्राउज़र पुश नोटिफिकेशन के लिए कोड बनाएं, परीक्षण करें और जनरेट करें। विकल्प कॉन्फ़िगर करें, परिणाम देखें और तैयार JavaScript कोड प्राप्त करें।

नोटिफिकेशन परीक्षण करें

जनरेट किए गए कोड पर जाएं →

पूर्वावलोकन

Welcome!

This is your notification message. Customize it to see how it looks.

त्वरित टेम्पलेट

नोटिफिकेशन कॉन्फ़िगरेशन

नोटिफिकेशन में दिखाया गया छोटा आइकन

नोटिफिकेशन का प्रतिनिधित्व करने वाला बैज आइकन (केवल Android)

नोटिफिकेशन में दिखाई गई बड़ी छवि

समान नोटिफिकेशन को समूहीकृत करने या बदलने के लिए अद्वितीय ID

मिलीसेकंड में अल्पविराम से अलग वाइब्रेशन पैटर्न (केवल मोबाइल)

जनरेट किया गया कोड

// Request notification permission
if ('Notification' in window && Notification.permission === 'default') {
  await Notification.requestPermission();
}

// Check if permission is granted
if (Notification.permission === 'granted') {
  const notification = new Notification('Welcome!', {
  "body": "This is your notification message. Customize it to see how it looks.",
  "tag": "notification-1",
  "vibrate": [
    200,
    100,
    200
  ]
});
  
  notification.onclick = () => {
    console.log('Notification clicked');
    notification.close();
  };
}

ब्राउज़र समर्थन

Notifications API Chrome, Firefox, Safari, Edge और Opera में समर्थित है। वाइब्रेशन और बैज जैसी कुछ सुविधाएं मोबाइल-विशिष्ट हैं और सभी प्लेटफार्मों पर काम नहीं कर सकतीं।

Share this tool

Help others discover Browser Notification Generator

ब्राउज़र नोटिफिकेशन जनरेटर के बारे में

यह कैसे काम करता है

  • लाइव प्रीव्यू के साथ नोटिफिकेशन गुण कॉन्फ़िगर करें
  • सीधे अपने ब्राउज़र में नोटिफिकेशन परीक्षण करें
  • कार्यान्वयन के लिए JavaScript कोड जनरेट करें
  • शीर्षक, बॉडी, आइकन और व्यवहार कस्टमाइज़ करें
  • विभिन्न नोटिफिकेशन पैटर्न और शैलियों का परीक्षण करें

सामान्य उपयोग के मामले

  • नोटिफिकेशन के साथ वेब एप्लिकेशन विकसित करना
  • नोटिफिकेशन की उपस्थिति और व्यवहार का परीक्षण करना
  • उपयोगकर्ता जुड़ाव अलर्ट बनाना
  • पुश नोटिफिकेशन सुविधाएं लागू करना
  • Notifications API सीखना

अक्सर पूछे जाने वाले प्रश्न

ब्राउज़र नोटिफिकेशन जनरेटर किस लिए उपयोग किया जाता है?

ब्राउज़र नोटिफिकेशन जनरेटर वेब डेवलपर्स के लिए ब्राउज़र पुश नोटिफिकेशन बनाने, परीक्षण करने और कोड जनरेट करने का टूल है। आप सभी नोटिफिकेशन गुण कॉन्फ़िगर कर सकते हैं, लाइव प्रीव्यू देख सकते हैं और तैयार JavaScript कोड प्राप्त कर सकते हैं।

क्या ब्राउज़र नोटिफिकेशन के लिए विशेष अनुमति चाहिए?

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

कौन से ब्राउज़र Notifications API को सपोर्ट करते हैं?

Notifications API Chrome, Firefox, Safari, Edge और Opera जैसे आधुनिक ब्राउज़रों में व्यापक रूप से समर्थित है। हालाँकि, वाइब्रेशन पैटर्न और बैज जैसी कुछ सुविधाएं मोबाइल-विशिष्ट हैं।

क्या मैं नोटिफिकेशन आइकन और छवियां कस्टमाइज़ कर सकता हूं?

हां! आप कई प्रकार की छवियों के लिए URL निर्दिष्ट कर सकते हैं: एक छोटा आइकन, एक बैज (केवल Android) और नोटिफिकेशन बॉडी में एक बड़ी छवि। सभी छवियां HTTPS URL के माध्यम से एक्सेस होनी चाहिए।

'tag' प्रॉपर्टी किस लिए उपयोग की जाती है?

tag प्रॉपर्टी आपके नोटिफिकेशन के लिए एक अद्वितीय पहचानकर्ता है। जब आप किसी मौजूदा नोटिफिकेशन के समान tag वाला नया नोटिफिकेशन दिखाते हैं, तो नया नोटिफिकेशन पुराने को बदल देता है। यह नोटिफिकेशन स्पैम रोकने के लिए उपयोगी है।

वाइब्रेशन पैटर्न कैसे काम करते हैं?

वाइब्रेशन पैटर्न को मिलीसेकंड में अल्पविराम से अलग संख्याओं के रूप में निर्दिष्ट किया जाता है। पैटर्न वाइब्रेशन और पॉज़ के बीच बारी-बारी से चलता है। उदाहरण के लिए, '200, 100, 200' का अर्थ है: 200ms वाइब्रेशन, 100ms पॉज़, 200ms वाइब्रेशन। यह केवल मोबाइल डिवाइस पर काम करता है।

'इंटरैक्शन आवश्यक' का क्या मतलब है?

जब 'इंटरैक्शन आवश्यक' सक्षम होता है, तो नोटिफिकेशन तब तक दिखाई देगा जब तक उपयोगकर्ता इसे स्पष्ट रूप से बंद नहीं करता या क्लिक नहीं करता। इस विकल्प के बिना, नोटिफिकेशन कुछ सेकंड बाद स्वतः गायब हो जाते हैं।

क्या मैं नोटिफिकेशन को मूक बना सकता हूं?

हां, 'साइलेंट' विकल्प आपको बिना ध्वनि या वाइब्रेशन के नोटिफिकेशन बनाने देता है। यह गैर-जरूरी अपडेट के लिए उपयोगी है जो दिखाई देने चाहिए लेकिन परेशान करने वाले नहीं।

मैं जनरेट किया गया कोड अपनी वेबसाइट में कैसे लागू करूं?

जनरेट किया गया JavaScript कोड कॉपी करें और इसे अपने वेब एप्लिकेशन में एकीकृत करें। पहले जांचें कि ब्राउज़र नोटिफिकेशन को सपोर्ट करता है या नहीं, फिर अनुमति मांगें और अंत में अपने कॉन्फ़िगर किए गए विकल्पों के साथ नोटिफिकेशन बनाएं।

क्या मेरे बनाए गए नोटिफिकेशन निजी और सुरक्षित हैं?

बिल्कुल! सभी नोटिफिकेशन परीक्षण पूरी तरह से आपके ब्राउज़र में होता है। कोई डेटा बाहरी सर्वर को नहीं भेजा जाता। यह टूल सुरक्षित, स्थानीय परीक्षण के लिए डिज़ाइन किया गया है।

क्या मैं Progressive Web Apps (PWA) के लिए नोटिफिकेशन परीक्षण कर सकता हूं?

हां! यह टूल Notifications API का परीक्षण करने में मदद करता है जो Progressive Web Apps की एक प्रमुख विशेषता है। हालाँकि, service worker-आधारित पुश नोटिफिकेशन के लिए अतिरिक्त सेटअप की आवश्यकता होती है।

मेरे टेस्ट नोटिफिकेशन क्यों नहीं दिखाई दे रहे?

यदि नोटिफिकेशन दिखाई नहीं दे रहे, तो जांचें: 1) अनुमति अस्वीकृत हो सकती है, 2) ब्राउज़र Do Not Disturb मोड में हो सकता है, 3) DevTools खुले होने पर कुछ ब्राउज़र नोटिफिकेशन नहीं दिखाते, 4) समर्थित ब्राउज़र का उपयोग करें।

Share ToolsZone

Help others discover these free tools!

यह पेज शेयर करें

ब्राउज़र नोटिफिकेशन जनरेटर | मुफ़्त वेब पुश टूल