让 QQ 邮箱更好用，支持桌面通知

前言

腾讯家的 QQ 邮箱和企业邮箱很好用，之前一直是用着网页版，最多加上个手机 APP 收个推送，反正也不是着急的事儿。

急了

最近因为工作的原因，对收邮件的实时性有了更高的要求。

一开始，我试用了几款邮箱客户端，发现所谓实时性，就是调整通过 POP3 拉取邮件的频率而已，然而那远程拉取的效率，实在不敢恭维，而且还要在本地做存储，浪费大量磁盘空间，实在不是很爽利。

我只是想要一个通知而已

其实我的需求很简单，我只想在邮箱里收到邮件时，在电脑桌面给自己一个通知即可，而 QQ 邮箱的网页版其实已经通过一个长连接实现了实时监控邮件到账的功能。

网页版桌面通知

于是，我只要能找到这里长连接的代码，在收到新邮件时，调用一个桌面通知，事情岂不就完美解决了？！

于是，我找到了这么一段代码

(function() {
        var e = a
          , f = getTop();
        f.loadJsFile(f.getPath("js") + f.getFullResSuffix("qmwebpush.js"), true, f.document, function() {
            QMWebpush.getInst().addEvent((1 << e._nTOTALSERVICES - 1) * 2 - 1, function(g, h) {
                e._addData(g, h)._reloadWin(g)._updateTip()._setDocTitle();
            }).open(e._mnOpenServices);
            e._mbInit = true;
        });
    }
    )();

简单的说，这段代码是用来在收到新邮件后，在网页内右下角弹框提醒的功能，那么我在这儿加一段桌面通知岂不完美？！

赞，就是这么干。

来一段猴子脚本

在猴子脚本里，可以通过 unsafeWindow 来访问到页面窗口对象，在上文代码里，挑一个代码来 hook 一下：

var oldUpdateTip = unsafeWindow.QMWebpushTip._addData;
    unsafeWindow.QMWebpushTip._addData = function(g,h){
        console.log('_addData',g,h);
        setTimeout(function(){
            if (h && h[0] && h[0]['subject'] && h[0]['summary'] )
            {
                notifyMail(h[0]['subject'] , h[0]['summary']);
            }
        },2000);
        return oldUpdateTip(g,h);
    }

这里的参数中，h 变量就是个数组，里面放着的就是新邮件的数据，于是取出邮件标题和描述，弹桌面通知即可：

function notifyMail(title,body)
    {
        var tag = "sds"+Math.random();
         Notification.requestPermission(function (perm) {
            if (perm == "granted") {
                var notify = new Notification(title.replace(/ /g,''), {
                    tag: tag,
                    // icon: "https://exmail.qq.com/favicon.ico",
                    body: body.replace(/ /g,'')
                });
                notify.onclick=function(){
                    //如果通知消息被点击,通知窗口将被激活，且点击收件箱。
                    console.log("桌面消息点击了！！！");
                    if (document.getElementById('folder_1'))
                    {
                        document.getElementById('folder_1').click();
                    }
                    else if (parent.document.getElementById('folder_1'))
                    {
                        parent.document.getElementById('folder_1').click();
                    }
                    window.focus();
                    notify.close();
                };
                notify.onerror = function () {
                    console.log("桌面消息出错！！！");
                };
                notify.onshow = function () {
                    console.log("桌面消息成功");
                    // setTimeout(function(){
                    //             notify.close();
                    //         },2000)
                };
                notify.onclose = function () {
                    console.log("桌面消息关闭！！！");
                };
            }
        })
    }

这里用到了 Notification ，具体用法网上一大堆，就不废话了。

后语

所以啊，自己动手丰衣足食，程序员，是不是挺有意思的。

注：此文只分享一些工作生活中的小思考，并不提供完整的脚本下载，敬请理解。