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

历史上,Discourse 曾为移动设备和桌面设备提供两种不同的视图。多年来,这些视图已趋向于采用更现代的基于视口宽度的设计。这些现代模式记录在此处

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

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

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

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

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

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

13 个赞

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

1 个赞

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

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

3 个赞

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

3 个赞

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

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

4 个赞

如果尚未设置,将站点设置为 Desktop category page styleCategories with featured topics 将使布局像移动类别视图(显示带有几个主题的类别)。

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

2 个赞

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

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

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

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

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

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

1 个赞