html - 移动网络应用程序的推送通知工具

标签 html mobile web-applications websocket web-push

<分区>

我有一个简单的场景,只要它从服务器生成,就可以在移动设备上接收通知。

我知道此功能在 native iOS 应用程序和 Android 中可用,但我试图避免使用 native 路径。我想要什么:

  1. 可通过访问 URL 访问的移动网络应用
  2. 用户可以在主屏幕上创建书签,这样就可以感受到原生应用程序的图标。
  3. 获取通知徽章(无圆形消息)
  4. 即使浏览器关闭也能收到通知。

我知道有可能存在服务器端事件/Web 套接字,但网络应用程序可以模拟推送通知功能吗?

最佳答案

您无需混合应用、原生应用或要求用户安装 Pushover 即可完成此操作。可以构建一个“渐进式网络应用程序”,即使在页面关闭后也可以发送推送通知。

这些目前在 Android 版 Chrome 中工作(其他浏览器似乎正在实现支持),但在 iOS 上不支持。

查看 this demo ,本指南说明了如何操作:https://developers.google.com/web/fundamentals/engage-and-retain/push-notifications/

关于html - 移动网络应用程序的推送通知工具,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9156099/

相关文章:

html - Flexbox,移动响应式

java - 有什么办法可以自由地从java web应用程序发送移动通知

css - 在网络应用中隐藏iOS键盘选项卡栏

javascript - 通过对象动态函数分配和调用,Angular 6?

javascript - innerHTML 显示后迅速消失

css - 覆盖输入字段的移动键盘

android - 复选框在手机上不可见

javascript - JQuery 无法识别动态生成的 id

html - 带有单选按钮的奇怪的 Firebug 行为

java - 多个 Web 应用程序部署在具有单一访问主页的单独 tomcat 服务器上?