Electron实现消息通知、监听网络变化、网络变化弹出通知框

ipcrender.js

//h5通知api实现




// var path=require('path');

// var option={

//     title:'electron 通知api',
//     body:'electron跨平台软件开发教程更新了，electron 通知',
//     icon:path.join('static/favicon2.ico')
// }

// var myNotification=new window.Notification(option.title,option);






//点击按钮实现通知


    var btn=document.querySelector('#btn');

    btn.onclick=function(){
        var option={

            title:'electron 通知',
            body:'electron跨平台软件开发教程更新了'        
        }

        var myNotification=new window.Notification(option.title,option);

        myNotification.onclick=function(){

            console.log('点击了');
        }

    }


//监听网络变化

    // window.addEventListener('online',function(){
    //     console.log('有网络了');
    // })

    // window.addEventListener('offline',function(){

    //     console.log('断开网络触发的事件')
    // })


//监听网络变化实现通知

    window.addEventListener('online',function(){
        console.log('有网络了');
    })

    window.addEventListener('offline',function(){

                //其他参数查询Notification文档
                var option={
                    title:'网易邮箱',
                    body:'网络异常,请检查您的网络'        
                }
        
                var myNotification=new window.Notification(option.title,option);
        
                myNotification.onclick=function(){
        
                    console.log('点击了');
                }
    })