馃巿浠€涔堟槸NotificationNotification鏄祻瑙堝櫒鏈€灏忓寲鍚庡湪妗岄潰涓婃樉绀烘秷鎭殑涓€绉嶆柟寮忥紝绫讳技浜庣瓑娴佹皳杞欢鍦ㄦ闈㈠彸涓嬭寮瑰嚭骞垮憡,涓庢祻瑙堝櫒鍒嗙锛屾秷鎭湪鏈€鍓嶉潰馃巿寮圭獥鎺堟潈鎺堟潈褰撳墠椤甸潰鍏佽閫氱煡鍙互閫氳繃鏌ョ湅鍙灞炴€otification.permission鐨勫€兼潵鍒ゆ柇鑷繁鏄惁鏈夋潈闄愰粯璁わ細鐢ㄦ埛娌℃湁璇㈤棶鏄惁鎺堟潈锛屽彲浠ラ€氳繃Notification.requestPermission()璇㈤棶鐢ㄦ埛鏄惁鍏佽閫氱煡granted锛氱敤鎴风偣鍑籄llow鍚庣殑鐘舵€乨enied锛氱敤鎴风偣鍑籇eny鍚庣殑鐘舵€侊紝閫氱煡妗嗕笉鍙敤Notification.requestPermission()馃巿寮圭獥鍙互閫氳繃newNotification($title,$options)浣跨敤閫氱煡鎺ㄩ€佸姛鑳絫itle:蹇呴』鏄剧ず鐨勯€氱煡鏍囬layedoptions锛氬彲閫夛紝鍏佽璁剧疆閫氱煡鐨勫璞°€傚畠鍖呭惈浠ヤ笅灞炴€э細dir锛氭枃鏈殑鏂瑰悜锛涘畠鐨勫€煎彲浠ユ槸auto锛堣嚜鍔級銆乴tr锛堜粠宸﹀埌鍙筹級鎴杛tl锛堜粠鍙冲埌宸︼級lang锛氭寚瀹氶€氱煡涓娇鐢ㄧ殑璇█銆俠ody:閫氱煡涓澶栨樉绀虹殑瀛楃涓叉爣璁帮細缁欓€氱煡涓€涓狪D锛屼互渚垮湪闇€瑕佹椂鍒锋柊銆佹浛鎹㈡垨鍒犻櫎閫氱煡銆俰con锛氬皢鐢ㄤ簬鏄剧ず閫氱煡鍥炬爣鐨勫浘鍍忕殑URL銆俷ewNotification("娓╅Θ鎻愮ず",{body:"椋炲厰鍝ラ€佷綘濂栧搧棰嗗彇",icon:"https://autofelix.github.io/autofelix/u/favicon.ico",data:"https://autofelix.blog.csdn.net/"});馃巿娴忚鍣ㄦ敮鎸佹娴嬪湪浣跨敤閫氱煡鎺ㄩ€佸姛鑳藉墠锛岄渶瑕佸厛妫€娴嬫祻瑙堝櫒鏄惁鏀寔銆傚彲浠ヤ娇鐢╳indow鏂规硶涓殑鈥淣otification鈥濓紝鍦ㄦ娴嬫祻瑙堝櫒鏀寔鐨勫墠鎻愪笅锛屽垽鏂敤鎴锋槸鍚﹁鎺堟潈鍏佽閫氱煡銆傚鏋滄湭鎺堟潈锛屽彲浠ュ脊鍑烘巿鏉冩銆傚鏋滅敤鎴锋嫆缁濅簡锛屾垜浠笉浼氭墦鎵扮敤鎴枫€俧unctionnotify(){//棣栧厛妫€鏌ユ祻瑙堝櫒鏄惁鏀寔if(!("Notification"inwindow)){alert("璇ユ祻瑙堝櫒涓嶆敮鎸佹闈㈤€氱煡");}//妫€鏌ョ敤鎴锋槸鍚﹀悓鎰忔帴鏀堕€氱煡elseif(Notification.permission==="granted"){//濡傛灉鍙互锛屾垜浠垱寤轰竴涓€氱煡varnotification=newNotification("Hithere!");}//鍚﹀垯鎴戜滑闇€瑕佽姹傜敤鎴疯鍙痚lseif(Notification.permission!=="denied"){Notification.requestPermission().then(function(permission){//濡傛灉鐢ㄦ埛鎺ュ彈璁稿彲锛屾垜浠彲浠ュ彂鍑轰竴鏉℃秷鎭痠f(permission==="granted"){varnotification=newNotification("浣犲ソ锛?);}});}//鏈€鍚庯紝濡傛灉鎵ц鍒拌繖閲岋紝璇存槑鐢ㄦ埛鎷掔粷浜嗙浉鍏抽€氱煡鐨勬巿鏉?/鍑轰簬灏婇噸锛屾垜浠笉瑕佸啀鍘绘墦鎵颁粬浠簡}馃巿鎺堟潈鍥炶皟閫氱煡鏈夊洓涓洖璋冩柟娉昽nshow:callonclosewhen閫氱煡鏄剧ず锛氶€氱煡鍏抽棴鏃惰皟鐢╫nclick锛氱偣鍑婚€氱煡鏃惰皟鐢╫nerror锛氶€氱煡澶辫触鏃惰皟鐢╲arnotification=newNotification("娓╅Θ鎻愮ず",{body:"椋炲厰鍝ョ粰浣犲彂浜嗗鍝侀鍙?,鍥炬爣:"https://autofelix.github.io/autofelix/u/favicon.ico",鏁版嵁:"https://autofelix.blog.csdn.net/"});notification.onshow=function(event){console.log("show:",event);};notification.onclose=function(event){console.log("close:",event);};notification.onclick=function(event){console.鏃ュ織锛堚€滅偣鍑伙細鈥濓紝浜嬩欢锛?//瑙﹀彂鐐瑰嚮浜嬩欢鏃讹紝鎵撳紑鎸囧畾urlwindow.open(event.target.data)notification.close();};notification.onerror=function(event){console.log("close:",event);};馃巿3绉掑悗鍏抽棴寮圭獥瀹炵幇3绉掑悗鍏抽棴寮圭獥鐨勫姛鑳絭arnotification=newNotification('Title');notification.onshow=function(){setTimeout(function(){notification.close();},3000);}
