HTML5 之消息通知（Web Notification）

关于 HTML5 ，写了不少文章，总觉得相关的高级 API 都得过一遍。系统的了解，站在更高的高度去思考问题，这样才能事半功倍。

一、先睹为快

我们先来尝试一个最简单的例子，打开 chrome 开发者工具，粘贴代码进去直接运行：

1 2 3 4 5

new Notification('Jartto\'s 消息通知', { dir: 'rtl', body: '这是一个消息，通过 Web Notification 发送，作为测试！', icon: 'https://raw.githubusercontent.com/chenfengyanyu/my-web-accumulation/master/images/logo.jpeg' })

并没有出现什么消息通知，怎么回事？不要着急，接着往下看。

二、用户授权

按照上面的示例，我们运行了，但是并没有成功调起消息推送框。这时候需要查看一下用户是否授权，控制台输入：

1	> Notification.permission