用户脚本通知适用于Chrome而非Firefox？

Question

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

在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用户脚本中启用通知的常见做法是什么？

Answer 1

GM_notification()在Greasemonkey(Firefox)中尚未支持.如果您检查了错误控制台,您会看到此错误:

GM_notification未定义

有一个旧的功能请求要添加GM_notification()到Greasemonkey; 你可以去那里,并敦促领先的GM开发人员尝试赶上Tampermonkey.:)

在添加该功能之前,您可以使用许多现代浏览器支持的HTML5(ish)通知 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);
            }
        }
    }
}