Resolving Chrome Extension Notification Issues Across Different Devices

Описание: Discover solutions for issues with Chrome extension notifications that work on one device but not another. Read on to find out how to troubleshoot Chrome notification settings on different MacBooks.
---
This video is based on the question https://stackoverflow.com/q/63782785/ asked by the user 'Gautam Venkatesh' ( https://stackoverflow.com/u/14237089/ ) and on the answer https://stackoverflow.com/a/63788103/ provided by the user 'Sheela' ( https://stackoverflow.com/u/6789350/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Developer mode Chrome extension notifications works on one computer but not on another

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Troubleshooting Chrome Extension Notifications Across Devices

If you’re a developer working on Chrome extensions, you may encounter situations where your extension works perfectly on one device but fails to send notifications on another. This guide aims to tackle such a problem faced by developers, focusing on the specific case of a Chrome extension that sends notifications when a tab is updated.

The Problem: Notification Discrepancies Across Devices

In this case, the developer found that their custom Chrome extension functions properly on one MacBook Pro (box_working) with Chrome version 84.0, while it does not work on another (box_not_working) running Chrome version 85.0. Despite correct coding practices and a verified callback function that logs “notification sent,” the notification appears only on the second device. Here’s a quick overview of what happened:

Notifications sent from the Chrome extension do not show on box_working.

On box_not_working, notifications from the Chrome Web Store work fine, but dev mode extensions (loaded directly from the device) do not.

To illustrate the situation further, here is the relevant manifest.json and background.js code snippets used in the developer’s extension:

Manifest.json

[[See Video to Reveal this Text or Code Snippet]]

Background.js

[[See Video to Reveal this Text or Code Snippet]]

The icon.png file is located at the same level as the ‘js’ directory, ensuring its intended accessibility.

Suggested Solutions for Notification Issues

If you find yourself facing similar issues, consider the following troubleshooting steps:

Check Chrome Notification Settings

Sometimes, basic settings may hinder notifications from appearing. Here’s how to check the notification settings in both Chrome and macOS:

Chrome Browser Settings:

Click on the three dots (menu) at the top right of the Chrome window.

Navigate to Settings Privacy and security Site settings Notifications.

Ensure that notifications are allowed for the site or extension in question.

macOS Notification Settings:

Locate the notification icon in the top right corner of your Mac (the hamburger menu).

Click on the wheel icon at the bottom right corner, which leads you to notification preferences.

Make sure that notifications for Chrome are enabled.

These simple adjustments can often resolve notification issues across devices with varying settings.

Conclusion

To sum up, experiencing discrepancies in notification behavior of Chrome extensions across different devices can happen due to unconfigured settings. By following the troubleshooting steps shared above, you can ensure that your extension sends notifications as intended on all devices. Remember to keep your Chrome browser updated and revisit your notification settings whenever you encounter such issues. Happy coding!