Browser Notification Test
Find out whether this browser can show notifications, what the permission is set to, and what a test notification looks like on your device. Customize title, text, icon, image, sound, vibration and more, then watch the event log to see what happened.
Last updated:
Checking what this browser supports…
Preview
The real look depends on your operating system and browser.
Event log
JavaScript for this notification
How to use the Browser Notification Test
- Check the status panel: it shows whether notifications are supported and the current permission.
- Press Request permission and choose Allow in the browser prompt. If it is blocked, follow the steps shown.
- Customize the notification: title, text, icon, image and options such as silent or require interaction.
- Press Send test notification, or pick a delay and switch to another tab or app to test background delivery.
- Read the event log. If the log says shown but you saw nothing, check your system's Do Not Disturb / Focus settings.
What the permission states mean
| Notification.permission | Meaning | What you can do |
|---|---|---|
default | The site has not asked yet, or you closed the prompt without choosing. | Press Request permission and choose Allow. |
granted | The site may show notifications. | Send a test. If nothing appears, check system settings and Do Not Disturb. |
denied | You (or a policy) blocked notifications for this site. | Reset it in the site settings next to the address bar, then reload. |
Browsers only show the permission prompt in response to a user action such as a click, and many now show a quieter prompt (a bell icon in the address bar) for sites that ask too often. Repeatedly dismissing the prompt can make a browser block it automatically for a while.
Notification options you can test
| Option | What it does | Support notes |
|---|---|---|
body, icon | Text and small image next to the title | All browsers with notifications |
image | Large picture under the text | Chromium-based browsers on Windows, ChromeOS and Android; ignored elsewhere |
badge | Small monochrome icon in the Android status bar | Mainly Android |
tag + renotify | A new notification with the same tag replaces the old one; renotify alerts again | renotify requires a tag, or the browser throws an error |
requireInteraction | Keeps the notification visible until you act on it | Chromium desktop; the OS may still move it to the notification center |
silent | No sound and no vibration | Widely supported; cannot be combined with vibrate |
vibrate | Vibration pattern in milliseconds | Android only |
actions | Buttons such as Open or Dismiss | Only with a service worker (registration.showNotification), mainly Chromium |
Troubleshooting checklist
- Permission is "granted" in the status panel above.
- Browser notifications are on in the operating system. Windows: Settings > System > Notifications. macOS: System Settings > Notifications > your browser (allow banners or alerts). Android: Settings > Apps > your browser > Notifications.
- Do Not Disturb, Focus or Focus Assist is off, or the browser is on its allowed list.
- The event log says "shown". If it says "error", the browser or system refused it.
- Test in the background. Use a 5 or 10 second delay and switch to another app: some systems hide banners for the app you are using.
- Check the notification center; a notification may arrive there without a banner.
Frequently asked questions
Why don't I see the test notification?
If the permission is granted and the event log says the notification was shown, the browser handed it to your operating system. It is usually hidden by Do Not Disturb / Focus mode, by notifications being turned off for the browser in system settings (Windows Settings > System > Notifications, macOS System Settings > Notifications), or it went straight to the notification center. Some browsers also show quiet notifications only as an icon in the address bar.
How do I reset a blocked notification permission?
Click the icon to the left of the address bar (a lock or settings icon), find Notifications and set it to Allow or Ask, then reload the page. In Firefox use the permissions icon in the address bar; in Safari use Settings > Websites > Notifications. A page cannot ask again by itself once you have blocked it.
Can I choose a custom notification sound?
Not reliably. The old "sound" option was dropped from the Notification standard and browsers ignore it, so notifications use your system's default sound. You can make a notification silent, and this tool can optionally play a short chime in the page when the notification is shown.
Why are the action buttons not shown?
Action buttons only work for notifications created through a service worker (registration.showNotification) and only in browsers that support them, mainly Chromium-based browsers. This page has no service worker of its own, so the test sends the notification without buttons and notes that in the log; the copied code shows the service worker version.
Do notifications work on iPhone and Android?
On Android, Chrome and other browsers show web notifications only from a service worker, so a plain page notification may fail with an error, which the log will show. On iPhone and iPad (iOS 16.4 or later) web notifications work only for sites added to the Home Screen as a web app, not in a normal Safari tab.
Is anything sent to a server?
No. These are local notifications created by JavaScript in this page. There is no push subscription, no server and nothing is stored except your form settings in this browser.
Are all the tools on FreeToolCabin tested for quality and accuracy?
Yes! Every tool on our site undergoes automated Q/A testing in real browser environments to ensure high precision, correct output, and zero errors. If you happen to spot a bug or have a suggestion, please contact us at [email protected] and our team will review it right away.