# 改进移动/桌面模式的自动切换

**URL:** https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280
**Category:** Development
**Tags:** dev-news
**Created:** [2025年九月29日 18:49 UTC](https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280 "2025-09-29T18:49:12Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [2025年九月29日 18:49 UTC](https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280/1 "2025-09-29T18:49:12Z")

</div>

历史上，Discourse 曾为移动设备和桌面设备提供两种不同的视图。多年来，这些视图已趋向于采用更现代的基于视口宽度的设计。这些现代模式记录在[此处](https://meta.discourse.org/t/367810)。

在[最新版本的 Discourse](https://github.com/discourse/discourse/pull/35036) 中，我们将用纯粹基于视口宽度的解决方案替换基于用户代理的移动/桌面模式检测。这将使用户和开发人员的体验更加直观。特别是，这对平板电脑用户来说是一个显著的改进，因为他们以前从未真正适应这两种旧模式。

所有在模板/JS 中引用 `mobileView`/`desktopView` 或在 CSS 中引用 `.mobile-view`/`.desktop-view` 的现有代码将继续工作。这些 JS 布尔值和 CSS 类现在会根据浏览器的宽度自动更改。

同样，专用的移动/桌面样式表现在会加载带有 `media=` 属性的样式表，以便它们仅适用于特定的视口宽度。

本质上：“移动模式”现在是“浏览器宽度小于 `40rem`”的别名。

最初，可以通过将“基于视口的移动模式”站点设置切换为 `false` 来撤销此更改。但是，此设置将在不久的将来被删除。因此，如果您发现需要使用它，请告知我们原因。

一如既往，如果您有任何问题或反馈，请在下方告知我们。

---

<div class="post-metadata">

### Author: ![pmcpa](https://avatars.discourse-cdn.com/v4/letter/p/8797f3/32.png) [@pmcpa](https://meta.discourse.org/u/pmcpa)
#### Post date: [2025年十月15日 23:10 UTC](https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280/2 "2025-10-15T23:10:48Z")

</div>

由于最近的更新显示折叠手机折叠时为移动视图，展开时为桌面视图，因此不得不取消选中

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [2025年十月16日 07:31 UTC](https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280/3 "2025-10-16T07:31:11Z")

</div>

> [@pmcpa](#):
>
> 全屏打开时的桌面视图

折叠手机是我们进行此次更改的原因之一。我们收到的其他反馈是，折叠手机 **应该** 在展开时显示更多屏幕内容。在那里显示“桌面视图”是故意的。

手机展开时，用户界面是否有哪个部分效果不佳？

---

<div class="post-metadata">

### Author: ![pmcpa](https://avatars.discourse-cdn.com/v4/letter/p/8797f3/32.png) [@pmcpa](https://meta.discourse.org/u/pmcpa)
#### Post date: [2025年十月16日 10:49 UTC](https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280/4 "2025-10-16T10:49:52Z")

</div>

字体大小减小，点击帖子或类别时，从（移动设备上的）整行任意位置点击变为必须点击文本（桌面设备），菜单从（移动设备上的）下拉菜单变为占据（桌面设备上）屏幕左侧的 1/3，从而抵消了屏幕尺寸的任何增益。这些只是我凭空想到的几点。我将收集更多来自平板电脑用户的反馈。

---

<div class="post-metadata">

### Author: ![stuwest](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stuwest/32/192400_2.png) [@stuwest](https://meta.discourse.org/u/stuwest)
#### Post date: [2025年十月21日 13:53 UTC](https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280/5 "2025-10-21T13:53:25Z")

</div>

我们刚刚升级到最新版本，用户开始抱怨，直到我意识到需要取消选中 `viewport based mobile mode` 管理员设置。我们相当多的老社区成员更喜欢按类别查看主题，因此我们有一个指向 `?mobile_view=1` 的导航链接。一旦移除了管理员设置，我们是否还有办法为他们提供该选项？

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [2025年十月21日 14:04 UTC](https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280/6 "2025-10-21T14:04:21Z")

</div>

`视口模式移动设备模式`设置即将移除，并且`?mobile_view=1`将停止工作。因此，如果您能收集到更多用户的具体反馈（或引导他们在此处分享），那将非常有帮助。

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2025年十月21日 14:40 UTC](https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280/7 "2025-10-21T14:40:26Z")

</div>

如果尚未设置，将站点设置为 `Desktop category page style` 到 `Categories with featured topics` 将使布局_最_像移动类别视图（显示带有几个主题的类别）。

个人也可以转到他们的帐户偏好设置 `/my/preferences/interface` 并将他们的“默认主页”设置设置为 `categories`

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/f/4/bf455ab4afe42a10cde37ba9c3ec59597ae6ccd7.png)

---

<div class="post-metadata">

### Author: ![pmcpa](https://avatars.discourse-cdn.com/v4/letter/p/8797f3/32.png) [@pmcpa](https://meta.discourse.org/u/pmcpa)
#### Post date: [2025年十月21日 22:13 UTC](https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280/8 "2025-10-21T22:13:30Z")

</div>

> [@david](#):
>
> 为什么你需要它使用移动模式？

网站布局应该是直观的，作为管理员，我不应该需要指导任何用户到任何页面，他们应该能够找到它，但人们很有趣，喜欢他们现有的方式。

> [@david](#):
>
> 设置很快就会被移除

我不确定为什么，但这感觉很仓促。在过去的几周内，这项更改被强加给了所有人。 “很快”是多久？

我明白，事物在变化，但当你给了我们一个复选框来重新启用一个让网站多年来感觉一致的功能，并说“如果你觉得有必要关闭它，请在 Meta 上告诉我们”，那么你可能会收到与移除该功能的想法不符的反馈。

用户界面在手机折叠和打开之间应该是保持一致的。我真的会打开手机来回复或查看更大的图片，而现在我与网站互动的方式却不同了。

我们甚至不谈论用户对 Markdown 编辑器的仇恨，或者它在上周的更新中被重新启用，而在此之前的更新中它在管理员那里被禁用了。

---

<div class="post-metadata">

### Author: ![stuwest](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stuwest/32/192400_2.png) [@stuwest](https://meta.discourse.org/u/stuwest)
#### Post date: [2025年十月21日 23:21 UTC](https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280/9 "2025-10-21T23:21:17Z")

</div>

我认为这是为了减少压倒感。我无法截取论坛的屏幕截图，因为我们处理机密信息，但在桌面视图的“精选主题类别”模式中，与移动视图中的类别页面相比，杂乱程度要高得多。

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [2026年五月21日 05:02 UTC](https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280/10 "2026-05-21T05:02:05Z")

</div>

> [@david](#):
>
> 折叠屏手机是我们做出这一变更的原因之一。我们收到的其他反馈表明，折叠屏手机在展开时 **应当** 在屏幕上显示更多内容。在此处显示“桌面视图”是故意为之。

只是告知一下，David，关于折叠屏手机的“基于视口的移动模式”设置在此处被提及（特别与 Horizon 主题相关）：

> [@Horizon 主题在中等视口下头部布局混乱](https://meta.discourse.org/t/header-messes-up-on-mid-size-viewports-on-the-horizon-theme/403484/1):
>
> Horizon 的标题栏在大多数情况下，无论是在移动端还是桌面端，表现都非常出色： 不过，我有一部折叠屏手机，其屏幕比例比较特殊。不幸的是，搜索栏和头像会消失，导致整体布局有些混乱： 这似乎发生在宽度为 640–767 像素的范围内——而我的折叠屏手机正好处于这个区间！

设置说明中提供了一个链接，如果您因任何原因需要禁用该设置，可在此处发帖。

> [@Lilly](#):
>
> 禁用此设置似乎为我解决了问题（我忘了这个设置还在）：
> 
> ![Screenshot from 2026-05-20 19-50-46](https://global.discourse-cdn.com/meta/original/4X/3/5/8/358c02ac6e05490b20c2f28390a74cf57edc2444.png)

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [2026年五月21日 10:29 UTC](https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280/11 "2026-05-21T10:29:40Z")

</div>

谢谢！说实话，我们早就该移除这个设置了。目前我们所有的设计工作都默认它处于启用状态，我敢肯定一旦关闭它，会出现不少 bug。

至于那个 Horizon 问题，我们应该尝试在不改动此设置的情况下修复它。

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [2026年五月26日 08:23 UTC](https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280/12 "2026-05-26T08:23:52Z")

</div>

旧版移动模式 [现已移除](https://github.com/discourse/discourse/commit/9aa52af4c9d261be19c538164eafd83463054998)
