# 桌面版 PWA 现已支持 Discourse！

**URL:** <https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348>\
**Category:** Announcements\
**Created:** [2018年四月28日 02:23 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348 "2018-04-28T02:23:24Z")\
**Posts on this page:** 20\
**Page:** 4

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2021年二月5日 22:28 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/73 "2021-02-05T22:28:47Z")

</div>

这是 Chrome 88.0.4324.150 中 PWA 提示当前的显示效果

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/6/866fa3a560c2fe2c5deaaadee46184928d8dda48.png)

---

<div class="post-metadata">

**Author:** ![seanblue](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@seanblue](https://meta.discourse.org/u/seanblue)\
**Post date:** [2021年二月5日 22:46 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/74 "2021-02-05T22:46:24Z")

</div>

新图标好多了。我之前一直把旧图标和放大后的图标搞混。

---

<div class="post-metadata">

**Author:** ![geoff777](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/geoff777/32/202388_2.png) [@geoff777](https://meta.discourse.org/u/geoff777)\
**Post date:** [2021年二月6日 09:43 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/75 "2021-02-06T09:43:18Z")

</div>

> [@sam](#):
>
> 有个返回按钮和刷新按钮就更好了

在桌面端没有返回按钮的情况下，该如何使用这个功能呢？

---

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2021年二月6日 10:09 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/76 "2021-02-06T10:09:49Z")

</div>

现在您可以使用键盘快捷键了。

 ![Screenshot 2021-02-06 at 11.08.39](https://global.discourse-cdn.com/meta/original/3X/c/5/c52f1645db0ee9798fe9b0d43a9c51c92285e214.png)

---

<div class="post-metadata">

**Author:** ![geoff777](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/geoff777/32/202388_2.png) [@geoff777](https://meta.discourse.org/u/geoff777)\
**Post date:** [2021年二月6日 10:38 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/77 "2021-02-06T10:38:12Z")

</div>

谢谢，我需要保持“警觉”状态，端正坐姿才能使用鼠标和键盘。

滚动和阅读时，我倾向于只用鼠标，然后靠在椅背上。

我确实更喜欢 PWA，但我认为我需要“后退”和“前进”按钮，以便按我习惯的方式进行导航。

---

<div class="post-metadata">

**Author:** ![anon82467725](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@anon82467725](https://meta.discourse.org/u/anon82467725)\
**Post date:** [2021年二月6日 18:25 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/78 "2021-02-06T18:25:01Z")

</div>

后退按钮和刷新按钮都在，但缺少前进按钮。另外，PWA 仅在 Chromium 内核浏览器中运行，这也很遗憾。

Microsoft Edge 仍显示旧图标。

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/6/f624cfee0e858f23b4378ec5ac8cb9f23af69bb4.png)  
此外，XenForo 似乎最近才获得 PWA 支持。竞争对手们太懈怠了！😅

---

<div class="post-metadata">

**Author:** ![anon82467725](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@anon82467725](https://meta.discourse.org/u/anon82467725)\
**Post date:** [2021年三月9日 13:21 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/79 "2021-03-09T13:21:11Z")

</div>

> [@sam](#):
>
> 添加一个返回按钮和一个刷新按钮就更好了

这些功能现在似乎是 PWA 的原生特性了。太棒了！那现在加一个“前进”按钮怎么样？

> [@sam](#):
>
> 标题应该是静态的“Discourse meta"，因为这里的文本重复真的很烦人

这个问题修复了吗？我在 Chrome OS 上没看到。

> [@anon82467725](#):
>
> Microsoft Edge 仍然显示旧的图标。

他们终于更新了。🙂

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/9/89d1c8f08fa18f709665247d32467fbdf6f9eb39.png)  
PWA 的安装过程也在一眨眼间就完成了。PWA 会立即打开，在所有设备上（尤其是 Chrome OS 😅）都感觉非常快速流畅。

---

<div class="post-metadata">

**Author:** ![Justin\_Vega](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/justin_vega/32/159021_2.png) [@Justin\_Vega](https://meta.discourse.org/u/Justin_Vega)\
**Post date:** [2021年三月11日 20:31 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/80 "2021-03-11T20:31:59Z")

</div>

有人在另一个话题里链接了这篇文章（我快速浏览了一下，立刻就被吸引了），但我想知道 Discourse PWA 目前是否支持这一功能。我想确认它是否可行，但我手头没有 Chromebook。

> **[First Look: Supported web apps now respect your Chromebook’s light or dark theme](https://chromeunboxed.com/first-look-chromebook-light-dark-theme-pwa-adaption)**
>
> By now, we're all well aware of the idea of a light or dark theme for our phones - Android and iOS users alike. It's become a staple of technology use, and if not only an essential accessibility feature, then certainly a convenience at the very...

---

<div class="post-metadata">

**Author:** ![anon82467725](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@anon82467725](https://meta.discourse.org/u/anon82467725)\
**Post date:** [2021年三月12日 19:58 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/81 "2021-03-12T19:58:40Z")

</div>

此文本会在您访问具有 PWA 版本的网站时短暂出现在 Microsoft Edge 中。  
 ![image](https://global.discourse-cdn.com/meta/original/3X/0/5/05421ae021e79db497af7f62265c4a437b2c4c51.png)  
它在 Google Chrome 中的显示效果有所不同。  
 ![image](https://global.discourse-cdn.com/meta/original/3X/0/b/0bbbffff37b0b45f3de8b4f662e258cc9df5b75f.png)

---

<div class="post-metadata">

**Author:** ![anon82467725](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@anon82467725](https://meta.discourse.org/u/anon82467725)\
**Post date:** [2021年三月15日 14:34 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/82 "2021-03-15T14:34:16Z")

</div>

我很好奇这个功能在 Discourse 上的表现如何……🤔

> **[Use your Chromebook’s tab groups with windowed web apps to take your...](https://chromeunboxed.com/pwa-tab-groups-tab-strip-productivity-combo)**
>
> It's no secret that I've fallen in love with Google Chrome's tab groups feature. In fact, I wrote a whole article gushing about them in hopes that everyone would give them a try. I believe that they add a new layer of organization to your browsing...

我很期待亲自试一试。在 Discourse PWA 中，将各种不同主题分门别类地放入多个标签组，听起来简直太棒了！

---

<div class="post-metadata">

**Author:** ![cognifloyd](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cognifloyd/32/116214_2.png) [@cognifloyd](https://meta.discourse.org/u/cognifloyd)\
**Post date:** [2021年三月15日 20:32 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/83 "2021-03-15T20:32:35Z")

</div>

我偶然在 [discuss.dgraph.io](http://discuss.dgraph.io) 上发现了 PWA，非常喜欢它。  
于是，我去另一个实例 [forum.stackstorm.org](http://forum.stackstorm.org) 寻找 PWA，却找不到提示。

如果我在某个时候关闭了该提示，是否会导致无法再看到它？我刚刚在 [meta.discourse.org](http://meta.discourse.org) 上尝试关闭了提示，但地址栏中的 ~提示~ 图标似乎并未消失。

有什么方法可以重新获取 PWA 提示吗？或者是否知道为什么 [forum.stackstorm.org](http://forum.stackstorm.org) 上缺少该提示？

---

<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:** [2021年三月15日 20:42 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/84 "2021-03-15T20:42:10Z")

</div>

> [@cognifloyd](#):
>
> 所以，我在另一个实例上寻找 PWA，[forum.stackstorm.org](http://forum.stackstorm.org)，但我没找到提示。

你是指 [https://forum.stackstorm.com/](https://forum.stackstorm.com/) 吗？

他们的标志是 JPEG 格式而不是 PNG，所以他们没有该提示。

> [@cognifloyd](#):
>
> 如果我之前关闭过该提示，这会阻止我再次看到它吗？我刚刚在 [meta.discourse.org](http://meta.discourse.org) 上尝试关闭提示，但这似乎并没有移除地址栏中的 ~提示~ 图标。

我们在本地设备上保存关闭状态，但我们只能控制网页上显示的内容。地址栏不在我们的控制范围内，如果网站满足最低条件，浏览器会显示该图标。

> [@cognifloyd](#):
>
> 有什么方法可以重新获取 PWA 提示吗？或者你知道为什么 [forum.stackstorm.org](http://forum.stackstorm.org) 上缺少该提示吗？

他们可以修复标志，或者你可以通过三点菜单 → 更多工具 → 创建快捷方式 → 勾选“在窗口中打开”选项并点击创建来强制启用它。

---

<div class="post-metadata">

**Author:** ![cognifloyd](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cognifloyd/32/116214_2.png) [@cognifloyd](https://meta.discourse.org/u/cognifloyd)\
**Post date:** [2021年三月15日 20:59 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/85 "2021-03-15T20:59:56Z")

</div>

> [@Falco](#):
>
> 你是指 [https://forum.stackstorm.com/](https://forum.stackstorm.com/) 吗？

哎呀，是的。

> [@Falco](#):
>
> 他们的标志是 JPEG 格式而不是 PNG，所以他们没有那个提示。

🤯 哇，谢谢。我会看看能不能改掉这个。  
我当时正在浏览代码（在开发者工具中搜索），试图找出缺了什么。我想我根本不会去检查标志文件。

> [@Falco](#):
>
> 你可以通过三点菜单 → 更多工具 → 创建快捷方式 → 勾选“在窗口中打开”选项，然后点击创建来强制实现。

太棒了，这招管用！

谢谢！非常感谢！

---

<div class="post-metadata">

**Author:** ![anon82467725](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@anon82467725](https://meta.discourse.org/u/anon82467725)\
**Post date:** [2021年三月16日 11:32 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/86 "2021-03-16T11:32:49Z")

</div>

> [@Falco](#):
>
> 他们可以修复图标，或者你也可以通过三点菜单 → 更多工具 → 创建快捷方式 → 勾选“在窗口中打开”选项并点击创建来强制设置。

这和安装 PWA 是一回事吗？我以为那并不具备 PWA 的实际优势，充其量只是一个普通的网页应用……🤔

---

<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:** [2021年三月17日 02:00 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/87 "2021-03-17T02:00:47Z")

</div>

一篇文章已合并到现有主题中：[实现徽章 API](https://meta.discourse.org/t/implement-badging-api/111631/6)

---

<div class="post-metadata">

**Author:** ![anon82467725](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@anon82467725](https://meta.discourse.org/u/anon82467725)\
**Post date:** [2021年三月28日 17:37 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/88 "2021-03-28T17:37:41Z")

</div>

这会影响 Discourse PWA 吗？  
[https://mspoweruser.com/microsoft-wants-to-make-edge-pwas-visually-indistinguishable-from-regular-windows-10-apps/](https://mspoweruser.com/microsoft-wants-to-make-edge-pwas-visually-indistinguishable-from-regular-windows-10-apps/)

---

<div class="post-metadata">

**Author:** ![anon82467725](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@anon82467725](https://meta.discourse.org/u/anon82467725)\
**Post date:** [2021年三月29日 23:05 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/89 "2021-03-29T23:05:43Z")

</div>

> [@sam](#):
>
> 标题应该是静态的“Discourse meta"，因为这里的文本重复真的很烦人。

终于解决了！😁

> **[Chrome web apps will soon look cleaner by showing their name instead of their...](https://chromeunboxed.com/desktop-pwas-flash-app-name-not-origin)**
>
> While turning any website into an icon in order to get the most out of your Chromebook, you may realize that the top bar of a web app briefly shows the URL so that you can identify its source easily. This is done because creating a shortcut out of a...

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2021年四月29日 00:10 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/90 "2021-04-29T00:10:11Z")

</div>

该功能仍在不断演进；以下是 Chrome 中最新的 PWA 提示样式：

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/3/532179b8a9e3551c53ff3e45079aeba3de4d120e.png)

相当不错！🥰

---

<div class="post-metadata">

**Author:** ![Jordi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordi/32/200750_2.png) [@Jordi](https://meta.discourse.org/u/Jordi)\
**Post date:** [2021年五月7日 14:10 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/91 "2021-05-07T14:10:55Z")

</div>

非常棒！同样的弹出窗口功能也即将在 Microsoft Edge 中推出。🙂

在移动设备上，这个弹出窗口是什么样子的？我还没来得及查看。

我来这里是想告诉大家，Edge 团队一直在努力让 PWA 的体验更贴近原生应用。在 Windows 10 上，我们正在迈出几小步。

Windows Central 发表了一篇很好的文章，详细解释了其中的优势。

> **[Windows 10 will soon make opening PWAs feel more native](https://www.windowscentral.com/pwa-windows-10-open)**
>
> Progressive web apps could soon open in a way that feels more native on Windows 10.

此致，

Jordi

---

<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:** [2021年五月7日 15:32 UTC](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348/92 "2021-05-07T15:32:59Z")

</div>

> [@Jordi](#):
>
> 我来这里是想分享，Edge 团队一直在努力让 PWA 体验更接近原生应用。在 Windows 10 上，我们正在迈出几小步。

能否请他们查看 [https://bugs.chromium.org/p/chromium/issues/detail?id=1091612？这将使](https://bugs.chromium.org/p/chromium/issues/detail?id=1091612%EF%BC%9F%E8%BF%99%E5%B0%86%E4%BD%BF) Discourse 桌面版 PWA 在 Windows 上的体验更好 🙂。

[上一頁](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348.md?page=3)

[下一頁](https://meta.discourse.org/t/desktop-pwa-works-with-discourse/86348.md?page=5)
