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('點擊了');
                }
    })