浏览器提示框

export default (title, options) => {
  // 先检查浏览器是否支持
  if (!window.Notification) {
    console.log('浏览器不支持通知')
  } else {
    // 检查用户曾经是否同意接受通知
    if (Notification.permission === 'granted') {
      var notification = new Notification(title, options) // 显示通知
      notification.onclick = function () {
        // 单击消息提示框，进入浏览器页面
        window.focus()
      }
    } else if (Notification.permission === 'default') {
      // 用户还未选择，可以询问用户是否同意发送通知
      Notification.requestPermission().then(permission => {
        if (permission === 'granted') {
          console.log('用户同意授权')
          var notification = new Notification('123', { body: '321' }) // 显示通知
          notification.onclick = function () {
            // 单击消息提示框，进入浏览器页面
            window.focus()
          }
        } else if (permission === 'default') {
          console.warn('用户关闭授权 未刷新页面之前 可以再次请求授权')
        } else {
          // denied
          console.log('用户拒绝授权 不能显示通知')
        }
      })
    } else {
      // denied 用户拒绝
      console.log('用户曾经拒绝显示通知');
    }
  }
}


notify('通知', { body: '发起远程指导' })