Po przeczytaniu tego bloga b\u0119dziesz m\u00f3g\u0142 ustawi\u0107 powiadomienie na pulpicie dla swojej witryny. B\u0119dziesz tak\u017ce m\u00f3g\u0142 dostosowa\u0107 swoje powiadomienie na podstawie w\u0142asnej wiadomo\u015bci, obrazu, ikony itp.<\/p>\n
Przypu\u015b\u0107my, \u017ce chcesz powiadomi\u0107 swojego klienta poza stron\u0105 internetow\u0105, aby\u015bmy mogli skorzysta\u0107 z powiadomienia na pulpicie, tak jakby\u015b w\u0142\u0105cza\u0142 powiadomienia na pulpicie o wiadomo\u015bciach e-mail, nie musisz regularnie sprawdza\u0107 wiadomo\u015bci e-mail. W ka\u017cdym e-mailu otrzyma\u0142e\u015b powiadomienie.<\/p>\n
Dodaj poni\u017csz\u0105 funkcj\u0119 w tagu skryptu w nag\u0142\u00f3wku HTML.<\/p>\n
function showNotification () {\/\/ Sprawd\u017a, czy przegl\u0105darka u\u017cytkownika obs\u0142uguje powiadomienia, czy nie, je\u015bli (! (\u201ePowiadomienie\u201d w oknie)) {alert (\u201eTwoja przegl\u0105darka nie obs\u0142uguje powiadomienia na pulpicie\u201d); } \/\/ Sprawd\u017a, czy uprawnienia powiadomie\u0144 zosta\u0142y ju\u017c przyznane, czy nie, je\u015bli (Notification.permission === "given") {\/\/ Utw\u00f3rz powiadomienie var options = {body: 'Prosta linia powiadomie\u0144 1. \\ T . ', \/\/ tre\u015b\u0107 rejestru powiadomienia:' ltr ', \/\/ kierunek wiadomo\u015bci ltr: od lewej do prawej. rtl: od prawej do lewej. image: \u201ehttps:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png\u201d, \/\/ Dodaj obraz, je\u015bli jest to wymagane, aby wy\u015bwietli\u0107 ikon\u0119: \u201ehttps: \/\/ www .knowband.com \/ blog \/ wp-content \/ uploads \/ 2016 \/ 09 \/ cropped-knowband_logo-v2.png ', \/\/ Dodaj ikon\u0119, je\u015bli to konieczne, aby pokaza\u0107} var title = "Knowband Blog"; var notification = new Powiadomienie (tytu\u0142, opcje); \/\/ Dodaj powiadomienie kliknij link notification.onclick = function (event) {event.preventDefault (); \/\/ uniemo\u017cliwi\u0107 przegl\u0105darce skupienie si\u0119 na karcie powiadomie\u0144 window.open (\u201ehttps:\/\/www.knowband.com\/blog\/\u201d, \u201e_blank\u201d); notification.close (); \/\/ Zamknij powiadomienie po klikni\u0119ciu}} \/\/ Je\u015bli nie ma uprawnie\u0144, popro\u015b u\u017cytkownika o zgod\u0119 na inne, je\u015bli (Notification.permission! == "denied") {Notification.requestPermission (). then (function ( uprawnienia) {\/\/ Je\u015bli u\u017cytkownik zaakceptuje, utw\u00f3rzmy powiadomienie, je\u015bli (uprawnienie === "przyznane") {var notification = new Notification ("Hi there!");}}); }}<\/pre>\nMo\u017cesz aktywowa\u0107 t\u0119 funkcj\u0119 poprzez zdarzenie, jak chcesz. Do cel\u00f3w testowych mo\u017cesz to sprawdzi\u0107, dodaj\u0105c przycisk. U\u017cyj poni\u017cszego kodu dla przycisku w ciele<\/p>\n
<button onclick = "showNotification ()"> Poka\u017c powiadomienie! <\/button><\/pre>\nUwaga:<\/strong> Je\u015bli u\u017cywasz tego kodu w lokalnym systemie, u\u017cyj lokalnego serwera, np. Localhost.<\/p>\nEkran wyj\u015bciowy<\/h2>\n
![\"Ekran](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/06\/Picture1-2.png\")
<\/a>