๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ–ฅ๏ธํ”„๋ก ํŠธ์—”๋“œ/HTML | CSS | JAVASCRIPT

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - Web Notification API(์œˆ๋„์šฐ ์•Œ๋žŒ ๊ธฐ๋Šฅ)

by Janger 2022. 6. 22.
728x90
๋ฐ˜์‘ํ˜•
window.onload = function () { // ์›น ํŽ˜์ด์ง€ ๋กœ๋“œ ํ›„์— ์•Œ๋ฆผ ๊ถŒํ•œ ํ™•์ธ
    if (window.Notification) {
        Notification.requestPermission();
    }
}

function notify() {
    if (Notification.permission !== 'granted') {
        alert('notification is disabled');
    }
    else {
        var notification = new Notification('Notification title', {
            icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png',
            body: 'Notification text',
        });

        notification.onclick = function () {
            window.open('http://google.com');
        };
    }
}

 

 

์ถœ์ฒ˜: 

https://untitledtblog.tistory.com/107

 

[JavaScript] - Web Notification API์™€ ์•Œ๋ฆผ ๊ธฐ๋Šฅ

1. ์•Œ๋ฆผ (Notification) ๊ธฐ๋Šฅ ์•ˆ๋“œ๋กœ์ด๋“œ๋‚˜ iOS์™€ ๊ฐ™์€ ๋ชจ๋ฐ”์ผ ํ™˜๊ฒฝ์—์„œ๋Š” notification์ด๋ผ๋Š” ๊ธฐ๋Šฅ์„ ์ด์šฉํ•˜์—ฌ ์Šค๋งˆํŠธํฐ ์ด์šฉ์ž์—๊ฒŒ ์ƒˆ๋กœ์šด ์ •๋ณด, ์–ด๋– ํ•œ ์ž‘์—…์˜ ์™„๋ฃŒ ๋“ฑ๊ณผ ๊ฐ™์€ ์ •๋ณด๋ฅผ ์•Œ๋ฆด ์ˆ˜ ์žˆ๋‹ค [

untitledtblog.tistory.com

 

728x90
๋ฐ˜์‘ํ˜•