JavaScript로 알림을 보내는 방법(10줄 미만의 코드)
가장 원하지 않는 시간에 팝업되는 성가신 알림을 알고 계십니까? 오늘은 10줄 미만의 Javascript로 데스크톱/모바일 반응형 푸시 알림을 만드는 방법을 알려드리겠습니다.
1단계(설정)
Visual Studio 코드를 엽니다. 아직 설치하지 않은 경우 아래에서 설치할 수 있습니다.
https://code.visualstudio.com/
그런 다음 빈 폴더(파일>폴더 열기)를 열고 해당 폴더에 index.html이라는 파일을 추가합니다.
2단계(코딩)
이 코드를 html 파일에 복사하십시오.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Notification Test</title>
</head>
<body>
<button id="btn">Test</button>
<script>
document.getElementById('btn').onclick = notify
function notify(){
Notification.requestPermission().then(permission => {
if (permission === "granted"){
new Notification("Test Notification", {
body: "More Text",
})
}
})
}
</script>
</body>
</html>
3단계(코드 실행)
사이드바에서 확장 프로그램 버튼을 선택한 다음 라이브 서버를 검색합니다.
첫 번째 옵션을 선택하고 설치하십시오. 이제 index.html 파일을 열고 마우스 오른쪽 버튼을 클릭한 다음 라이브 서버로 열기를 선택합니다. 브라우저에서 잠금 버튼을 클릭하여 알림을 활성화하는 것을 잊지 마십시오.
결론
이 튜토리얼을 즐기셨기를 바랍니다!
이 게시물은 내 개인 블로그에 먼저 게시되었습니다.
https://freetechnologyhelp.com/how-to-send-notifications-in-javascriptin-less-than-10-lines-of-code/
Reference
이 문제에 관하여(JavaScript로 알림을 보내는 방법(10줄 미만의 코드)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/freebeliever/how-to-send-notifications-in-javascriptin-less-than-10-lines-of-code-3g9j텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)