# 聊天抽屉中的骨架加载器已激活

**URL:** https://meta.discourse.org/t/skeleton-loader-is-active-in-chat-drawer/258399
**Category:** UX
**Tags:** chat
**Created:** [2023年三月16日 17:50 UTC](https://meta.discourse.org/t/skeleton-loader-is-active-in-chat-drawer/258399 "2023-03-16T17:50:28Z")
**Posts on this page:** 9
**Page:** 1

<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: [2023年三月16日 17:50 UTC](https://meta.discourse.org/t/skeleton-loader-is-active-in-chat-drawer/258399/1 "2023-03-16T17:50:28Z")

</div>

你好，

我将此提交到 #Contribute > UX，因为它确实有效，但似乎仅在抽屉中生效。另外有一个提交专门用于仅在初始加载时显示骨架屏：[https://github.com/discourse/discourse/pull/20532。此外，似乎还存在定位问题，但这可能是由加载器引起的。](https://github.com/discourse/discourse/pull/20532%E3%80%82%E6%AD%A4%E5%A4%96%EF%BC%8C%E4%BC%BC%E4%B9%8E%E8%BF%98%E5%AD%98%E5%9C%A8%E5%AE%9A%E4%BD%8D%E9%97%AE%E9%A2%98%EF%BC%8C%E4%BD%86%E8%BF%99%E5%8F%AF%E8%83%BD%E6%98%AF%E7%94%B1%E5%8A%A0%E8%BD%BD%E5%99%A8%E5%BC%95%E8%B5%B7%E7%9A%84%E3%80%82)

![Mar-16-2023 18-47-39](https://global.discourse-cdn.com/meta/original/4X/6/c/b/6cb4d7b0ee50b1058a5bc7389fc96fd0f5fe5cd0.gif)

谢谢 🙂

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [2023年三月16日 18:23 UTC](https://meta.discourse.org/t/skeleton-loader-is-active-in-chat-drawer/258399/2 "2023-03-16T18:23:58Z")

</div>

我不太清楚您这里未被满足的期望是什么。

您是在不期望看到骨架时看到了骨架？还是在某些情况下期望看到骨架但没有看到？

---

<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: [2023年三月16日 18:30 UTC](https://meta.discourse.org/t/skeleton-loader-is-active-in-chat-drawer/258399/3 "2023-03-16T18:30:26Z")

</div>

> [@mcwumbly](#):
>
> 您是否看到了不该出现的骨架？

在桌面或移动设备的全页面聊天中，我们不使用骨架，因为这会影响性能。

---

<div class="post-metadata">

### Author: ![ozkn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ozkn/32/196013_2.png) [@ozkn](https://meta.discourse.org/u/ozkn)
#### Post date: [2023年三月16日 18:52 UTC](https://meta.discourse.org/t/skeleton-loader-is-active-in-chat-drawer/258399/4 "2023-03-16T18:52:17Z")

</div>

这个骨架加载图标也可以为普通页面制作吗？

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [2023年三月16日 19:01 UTC](https://meta.discourse.org/t/skeleton-loader-is-active-in-chat-drawer/258399/5 "2023-03-16T19:01:19Z")

</div>

好的，明白了。  
这个“骨架”本身是一个“功能”。当消息尚未加载时，我们会显示它，以改善滚动体验。  
我想你在这里指出的是，在抽屉模式下加载早期消息时，存在一个无法解释和/或意料之外的性能差异，而骨架的出现就是你证明这一点的证据。  
你是指这个吗？

---

<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: [2023年三月17日 06:20 UTC](https://meta.discourse.org/t/skeleton-loader-is-active-in-chat-drawer/258399/6 "2023-03-17T06:20:13Z")

</div>

> [@mcwumbly](#):
>
> 当消息尚未加载时，我们会显示它以改善滚动体验。

我认为骨架屏仅在打开频道时的初始加载时才应激活。我上面链接的提交在其描述中包含“仅在初始加载时显示骨架屏”，这在桌面和移动设备的全页面聊天中运行良好。只有抽屉保留骨架屏用于此目的，这就是我认为这不是设计使然的原因。 🙂

现在，每次单击以显示回复或同一频道中先前消息的链接时，它都会一直使用骨架屏，即使消息已加载。这是一个例子，已回复的消息已加载。

![Mar-17-2023 07-12-28](https://global.discourse-cdn.com/meta/original/4X/1/7/1/17175d0eb1ad11cc6ca1b8c021fb8aeaf862e661.gif)

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [2023年三月17日 07:34 UTC](https://meta.discourse.org/t/skeleton-loader-is-active-in-chat-drawer/258399/7 "2023-03-17T07:34:42Z")

</div>

我相当确定我前几天已经修复了这个问题，我刚才试了一下，点击回复并没有导致完全重新加载。

编辑：显然它在手机上可用，但在桌面上不可用，奇怪。我会看一下。

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [2023年三月29日 11:55 UTC](https://meta.discourse.org/t/skeleton-loader-is-active-in-chat-drawer/258399/9 "2023-03-29T11:55:43Z")

</div>

这应该已经修复了 👍

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [2023年三月31日 11:56 UTC](https://meta.discourse.org/t/skeleton-loader-is-active-in-chat-drawer/258399/10 "2023-03-31T11:56:32Z")

</div>

此主题在上次回复后 2 天自动关闭。不再允许新回复。
