Skip to content

troubleshooting-common.md

Latest commit

 

History

History
145 lines (84 loc) · 7.09 KB

troubleshooting-common.md

File metadata and controls

145 lines (84 loc) · 7.09 KB

Troubleshooting for Google Chrome

{.toc}

{#notifications-are-not-showing-on-website}

Notifications are not showing up on my website

Notimatica’s SDK prints handy error messages on the Developer Tools Console if it works in a debug-mode. You can switch it on by adding debug: true parameter to init() just like this:

{.line-numbers}

var Notimatica = Notimatica || [];
Notimatica.push(['init', {
  project: 'PROJECT_ID',
  subdomain: 'SUBDOMAIN',
  debug: true
}]);

More Options

Checkout our comprehensive documentation on JavaScript SDK with complete list of options.

To access Developer Tools Console:

Chrome: Right click on the page, click Inspect, and click the Console tab.

Firefox: Right click on the page, click Inspect element, and click the Console tab.

Safari: Go to Safari → Preferences → Advanced and make sure Show Develop menu in menu bar is checked. Then right click on the page, click Inspect element, and click the Console.

Chrome Android: Debugging on Chrome on Android requires a USB-cable to connect Android device to a computer. Please follow the Guide for remote debugging in Chrome

Firefox Android: Debugging on Firefox on Android requires a USB-cable to connect Android device to a computer. Please follow the Guide for remote debugging in Firefox

  1. Make sure you are using a supported browser.

  2. Check whether you’re not in Private Browsing mode, Incognito mode, Guest browsing mode or using Full-screen mode.

  3. Check whether the following URLs are accessible:

    • https://site.com/manifest.json
    • https://site.com/notimatica-sw.js

  4. Make sure notimatica-sw.js is served from the same domain the visitor is currently on and it is not served by a redirect.

{#no-notifications-in-desktop-chrome}

No notifications in Google Chrome

Chrome Desktop

  1. Check whether you’re using modern version of Chrome v48+.

  2. Check whether you’re not in Incognito mode, Guest browsing mode. Push notifications are not working in these modes.

  3. Check whether you’re not in Full-screen mode. Chrome hides notifications in Full-screen mode.

  4. Tap the ‘⋮’ menu, Settings → Advanced → Site settings → Notifications, make sure it's set to "Ask before sending (recommended)". On the same menu, go to "All sites", find your site and make sure notifications aren't blocked.

{#no-notifications-in-mobile-chrome}

Chrome Mobile

If you're using an iOS device:

Currently Apple does not support web push notifications, only native app notifications.

If you're using an Android device:

  1. Check whether you’re using modern version of Chrome v42+.

  2. Check whether you’re not in Incognito mode or Guest browsing mode. Web push notifications do not work in Incognito and Guest browsing modes.

  3. Tap the ‘⋮’ menu, Settings → Advanced → Site settings → Notifications, make sure it's set to "Ask before sending (recommended)". On the same menu, go to "All sites", find your site and make sure notifications aren't blocked.

{#no-notifications-in-desktop-firefox}

No notifications in Mozilla Firefox

  1. Check whether you’re using modern version of Firefox v44+.

  2. Check whether you’re not in Private Browsing mode. Web push notifications are not working in Private Browsing.

  3. Check whether you’re not in Full-screen mode. Firefox hides notifications in Full-screen mode.

{#resetting-notifications-permissions}

Resetting notification permissions and cleaning cache

If you still can’t get push notifications work then follow these ultimate guide to reset permissions and remove Notimatica’s background worker. Even if all settings are correct at the moment, they could be incorrect in the past and this may affect notifications now.

Google Chrome (desktop)

  1. Click the icon next your site’s URL.

  2. Go to Permission → Notifications and make sure it is "Use global default (Ask)".

Google Chrome{.img-responsive .center-block}

  1. Clear site data - Go to Cookies and click on "Show cookies and site data" (Windows) or "# from this site" (Mac). Select all the entries at once and click "Remove". No entries should be left.

Google Chrome{.img-responsive .center-block}

Google Chrome{.img-responsive .center-block}

  1. If you have HTTP website go to https://your-subdomain.notimatica.io and repeat steps 1-2 for your subdomain URL.

  2. Close all tabs and windows with your website or https://your-subdomain.notimatica.io.

  3. Open a new tab with chrome://serviceworker-internals/ and press "Stop" and "Unregister" under all Scopes that contain your website domain or https://your-subdomain.notimatica.io. If you have troubles with removing them, check whether all tabs and windows with your website are closed.

Google Chrome{.img-responsive .center-block}

  1. Congratulations, you've nailed it! Now open a new tab with your website.

Firefox

  1. Click the icon next your website’s URL.

  2. Find notification permissions and change them from "Allow" to "Always Ask".

Mozilla Firefox{.img-responsive .center-block}

  1. Then on the same dialog, click ">"" and then "More Information".

Mozilla Firefox{.img-responsive .center-block}

Mozilla Firefox{.img-responsive .center-block}

  1. In the popup appeared go to Permissions → Maintain Offline Storage and click ‘Clear Storage’.

Mozilla Firefox{.img-responsive .center-block}

Well done! Now open close the popup and open new tab with your website.

Notification icons are not showing up in Apple Safari

On the top menu, go to Safari → Preferences → Notifications and remove your website from the list there. Then open a new tab with your website and subscribe to notifications once again. Safari will re-downloaded icons to your system and they will show up in notification prompt.

Apple Safari{.img-responsive .center-block}