Javascript Web通知API在本地不工作

我正在尝试重新创建中显示的页面

代码如下：

if（！（“窗口中的通知”）{
document.getElementById（'wn-unsupported'）.classList.remove（'hidden'）；
document.getElementById（'button-wn-show-preset'）.setAttribute（'disabled'，'disabled'）；
document.getElementById（'button-wn-show-custom'）.setAttribute（'disabled'，'disabled'）；
}否则{
var log=document.getElementById（'log'）；
var notificationEvents=['onclick'，'onshow'，'onerror'，'onclose']；
函数notifyUser（事件）{
var标题；
var期权；
event.preventDefault（）；
如果（event.target.id==='按钮显示预设'）{
标题=‘收到电子邮件’；
选项={
正文：“你总共有3封未读的电子邮件”，
标签：“预设”，
图标：'http://www.audero.it/favicon.ico'
};
}否则{
title=document.getElementById（'title'）。值；
选项={
body:document.getElementById（'body'）。值，
标签：“自定义”
};
}
Notification.requestPermission（函数（）{
风险值通知=新通知（标题、选项）；
notificationEvents.forEach（函数（eventName）{
通知[eventName]=函数（事件）{
log.innerHTML='Event'+Event.type+'”触发通知“'+notification.tag+'”
'+log.innerHTML；
};
});
});
}
document.getElementById（'button-wn-show-preset'）。addEventListener（'click'，notifyUser'）；
document.getElementById（'button-wn-show-custom'）。addEventListener（'click'，notifyUser'）；
document.getElementById（'clear-log'）。addEventListener（'click'，function（）{
log.innerHTML=''；
});
}

*
{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
身体
{
最大宽度：500px；
利润率：2米自动；
填充：0.5em；
字体大小：20px；
}
h1
{
文本对齐：居中；
}
.隐藏
{
显示：无；
}
#自定义通知
{
边缘顶部：1米；
}
标签
{
显示：块；
}
输入[name=“title”]，
文本区
{
宽度：100%；
}
输入[name=“title”]
{
高度：2米；
}
文本区
{
身高：5公分；
}
.按钮包装
{
文本对齐：居中；
}
.按钮演示
{
填充：0.5em；
边缘：1米；
}
#日志
{
高度：200px；
宽度：100%；
溢出y：滚动；
边框：1px实心#333333；
线高：1.3em；
}
作者
{
显示：块；
边缘顶部：1米；
}

Web通知API
不支持API
标题：
正文：
显示预设通知
日志
清除日志