用户脚本通知适用于 Chrome，但不适用于 Firefox？答案

【问题标题】：Userscript notifications work on Chrome but not Firefox?用户脚本通知适用于 Chrome，但不适用于 Firefox？
【发布时间】：2016-04-21 20:32:38
【问题描述】：

如果目标页面上存在某些内容，我有一个用户脚本会弹出通知。

在 Tampermonkey/Chrome 下，这不是问题。我可以使用GM_Notification() 函数轻松创建通知。

当我尝试在 Firefox 下执行此操作时，它没有任何相同的行为。
检查日志没有关于该功能的错误，也没有弹出任何通知。

这里有一些示例代码，它在 Firefox+Greasemonkey 或 Firefox+Tampermonkey 中不起作用，但在 Chrome+Tampermonkey 中起作用：

// ==UserScript==
// @name        Test Notifier
// @include     *
// @grant       GM_notification
// @grant       window.focus
// ==/UserScript==

console.log('I am a pretty test script');

var notificationDetails = {
    text: 'THIS IS A TEST NOTIFICATION!!!',
    title: 'TEST',
    timeout: 15000,
    onclick: function() { window.focus(); },
  };
GM_notification(notificationDetails);

这是 Firefox 的标准行为吗？它是否以完全不同的方式处理 HTML5 通知（如果有的话）？在 Firefox 用户脚本中启用通知的常见做法是什么？

【问题讨论】：

Firefox 46 现已稳定，GM_Notification 目前仍无法在 Tampermonkey 中运行。但是，您在下面提供的代码完美运行，因此我将接受它作为正确答案:)

标签： javascript greasemonkey userscripts tampermonkey

【解决方案1】：

GM_notification() is not (yet) supported in Greasemonkey (Firefox)。如果你有checked the error console，你会看到这个错误：

GM_notification 未定义

Greasemonkey 有an old feature request to add GM_notification()；你可以去那里并敦促 GM 的主要开发人员尝试赶上 Tampermonkey。 :)

在添加该功能之前，您可以使用the HTML5(ish) Notifications API“填充”对 GM_notification 的支持，许多现代浏览器都支持该功能。

您添加了垫片的测试脚本如下。已在 Firefox 和 Chrome 上测试，但应该也可以在 Safari 和 Opera 上运行：

// ==UserScript==
// @name        _Cross browser notifications
// @match       http://YOUR_SERVER.COM/YOUR_PATH/*
// @grant       GM_notification
// @grant       window.focus
// ==/UserScript==

console.log ('Test script start.');

shim_GM_notification ()

var notificationDetails = {
    text:       'Test notification body.',
    title:      'Test notice title',
    timeout:    6000,
    onclick:    function () {
        console.log ("Notice clicked.");
        window.focus ();
    }
  };
GM_notification (notificationDetails);

/*--- Cross-browser Shim code follows:
*/
function shim_GM_notification () {
    if (typeof GM_notification === "function") {
        return;
    }
    window.GM_notification = function (ntcOptions) {
        checkPermission ();

        function checkPermission () {
            if (Notification.permission === "granted") {
                fireNotice ();
            }
            else if (Notification.permission === "denied") {
                alert ("User has denied notifications for this page/site!");
                return;
            }
            else {
                Notification.requestPermission ( function (permission) {
                    console.log ("New permission: ", permission);
                    checkPermission ();
                } );
            }
        }

        function fireNotice () {
            if ( ! ntcOptions.title) {
                console.log ("Title is required for notification");
                return;
            }
            if (ntcOptions.text  &&  ! ntcOptions.body) {
                ntcOptions.body = ntcOptions.text;
            }
            var ntfctn  = new Notification (ntcOptions.title, ntcOptions);

            if (ntcOptions.onclick) {
                ntfctn.onclick = ntcOptions.onclick;
            }
            if (ntcOptions.timeout) {
                setTimeout ( function() {
                    ntfctn.close ();
                }, ntcOptions.timeout);
            }
        }
    }
}

【讨论】：