# 如何在收到通知并登录后在移动设备上显示临时横幅？

**URL:** <https://meta.discourse.org/t/how-to-display-temporary-banner-on-mobile-when-notification-received-and-logged-in/150447>\
**Category:** Support\
**Created:** [2020年五月5日 14:05 UTC](https://meta.discourse.org/t/how-to-display-temporary-banner-on-mobile-when-notification-received-and-logged-in/150447 "2020-05-05T14:05:14Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jason\_Rybka](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jason_rybka/32/179188_2.png) [@Jason\_Rybka](https://meta.discourse.org/u/Jason_Rybka)\
**Post date:** [2020年五月5日 14:05 UTC](https://meta.discourse.org/t/how-to-display-temporary-banner-on-mobile-when-notification-received-and-logged-in/150447/1 "2020-05-05T14:05:14Z")

</div>

你好，我想知道是否有一种方法可以在用户收到通知且正在浏览网站（特别是在移动设备上）时，在页面顶部显示一个临时出现的通知横幅，因为浏览器通知在桌面端上已经实现了类似的功能。

有人能给我指点一下方向吗？谢谢。

---

<div class="post-metadata">

**Author:** ![maiki](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/maiki/32/233950_2.png) [@maiki](https://meta.discourse.org/u/maiki)\
**Post date:** [2020年五月5日 17:48 UTC](https://meta.discourse.org/t/how-to-display-temporary-banner-on-mobile-when-notification-received-and-logged-in/150447/2 "2020-05-05T17:48:11Z")

</div>

我会收到“有新更新”的提示，这会重新加载视图以显示更新内容，同时也会通过移动浏览器发送浏览器通知。

所以……你到底想要什么呢？🙂

---

<div class="post-metadata">

**Author:** ![Jason\_Rybka](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jason_rybka/32/179188_2.png) [@Jason\_Rybka](https://meta.discourse.org/u/Jason_Rybka)\
**Post date:** [2020年五月5日 18:00 UTC](https://meta.discourse.org/t/how-to-display-temporary-banner-on-mobile-when-notification-received-and-logged-in/150447/3 "2020-05-05T18:00:14Z")

</div>

嗯……也许我漏掉了某个设置，因为在手机上浏览网站时收不到通知提醒。我确实看到头像旁边出现了小圆点，提示有通知，我想我原本期待的是在标签页中打开网站但非当前激活标签页时也能收到通知，就像在桌面端那样。😕

---

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [2020年五月5日 18:04 UTC](https://meta.discourse.org/t/how-to-display-temporary-banner-on-mobile-when-notification-received-and-logged-in/150447/4 "2020-05-05T18:04:21Z")

</div>

我们没有像 Facebook 那样的“应用内弹窗通知”。

我们支持除 iOS 之外的所有平台上的原生 Web 推送通知，在我看来，这些通知是应用内通知的超集。

---

<div class="post-metadata">

**Author:** ![Jason\_Rybka](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jason_rybka/32/179188_2.png) [@Jason\_Rybka](https://meta.discourse.org/u/Jason_Rybka)\
**Post date:** [2020年五月5日 18:18 UTC](https://meta.discourse.org/t/how-to-display-temporary-banner-on-mobile-when-notification-received-and-logged-in/150447/5 "2020-05-05T18:18:36Z")

</div>

我在使用 iOS，一直纳闷为什么收不到任何通知……可能是我漏掉了 Safari iOS、Chrome iOS 或 Discourse 设置中的某个选项。

所以，除了查看邮件或直接访问网站外，在 iOS 上就没有其他方式接收通知了吗？

感谢提供的信息！😄

---

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [2020年五月5日 18:25 UTC](https://meta.discourse.org/t/how-to-display-temporary-banner-on-mobile-when-notification-received-and-logged-in/150447/6 "2020-05-05T18:25:41Z")

</div>

Apple 决定不在其浏览器中实现 Web Push API。由于 iOS 仅支持一个浏览器，因此 iOS 用户无法使用 Web Push 通知，而该功能在 Windows、macOS、Linux 和 Android 上均可用。

现有的变通方案包括：

- 我们出色的 [DiscourseHub 应用](https://apps.apple.com/us/app/discourse-hub/id1173672076)。可接收我们托管网站的推送通知，并聚合其他网站的通知。

- 此插件 [Pushover notifications](https://meta.discourse.org/t/pushover-notifcations/119258?u=falco%EF%BC%8C%E5%8F%AF%E9%80%9A%E8%BF%87%E7%AC%AC%E4%B8%89%E6%96%B9%E5%BA%94%E7%94%A8%E6%8E%A5%E6%94%B6%E9%80%9A%E7%9F%A5%E3%80%82)

- 此第三方 iOS 原生应用 [Fig - Native Discourse client for iOS](https://meta.discourse.org/t/fig-native-discourse-client-for-ios/148352?u=falco%E3%80%82)

---

<div class="post-metadata">

**Author:** ![Jason\_Rybka](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jason_rybka/32/179188_2.png) [@Jason\_Rybka](https://meta.discourse.org/u/Jason_Rybka)\
**Post date:** [2020年五月5日 18:35 UTC](https://meta.discourse.org/t/how-to-display-temporary-banner-on-mobile-when-notification-received-and-logged-in/150447/7 "2020-05-05T18:35:20Z")

</div>

太棒了，谢谢你的信息。

---

<div class="post-metadata">

**Author:** ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)\
**Post date:** [2020年六月4日 18:35 UTC](https://meta.discourse.org/t/how-to-display-temporary-banner-on-mobile-when-notification-received-and-logged-in/150447/8 "2020-06-04T18:35:25Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
