我一直在折腾,试图让网站呈现出与众不同的外观,并制作了一个 Facebook 风格的帖子模态框。对我来说,它的加载速度似乎更快,在桌面端上的表现也更流畅。
大家觉得怎么样?
测试链接是 https://www.carptalk-online.co.uk/ (仅在桌面端有效)
我一直在折腾,试图让网站呈现出与众不同的外观,并制作了一个 Facebook 风格的帖子模态框。对我来说,它的加载速度似乎更快,在桌面端上的表现也更流畅。
大家觉得怎么样?
测试链接是 https://www.carptalk-online.co.uk/ (仅在桌面端有效)
干得漂亮!虽然我不是 Facebook 用户,但我挺喜欢这个的。你的网站很酷。![]()
另外,我没想到鲤鱼能长这么大!![]()
太酷了!你在回复数超过20的主题中测试过吗?在滚动加载更多“页”帖子时,根据我的经验,这是这种替代视图最大的复杂之处之一。
不,我现在就去做,然后回来汇报
运行正常 - URL 已删除
正如您所说,我可以看到页面正在加载,但它的表现符合预期
点击直接链接时,主题不会在模态框中显示。但从主题列表中可以正常显示。
嗯,那是我接下来需要研究的事情,但我一直在思考这个问题:这真的重要吗?这和 Facebook 的行为是一样的,直接链接指向实际帖子,如果在浏览时点击,则会打开模态窗口。
概念不错,在加载旧消息时,你能否保持与消息总线的稳定连接以接收新消息?
是的,因为模态框是通过 iframe 加载常规的 Discourse 主题应用,而不是渲染主题的自定义副本。该 iframe 会建立自己的 MessageBus 连接,Discourse 会继续以常规方式处理帖子流,包括加载旧帖子和接收新发布的帖子。
父页面在模态框背后仍然保持活动状态,因此从技术上讲,当模态框打开时,存在两个 Discourse 实例和两个 MessageBus 连接。这种方式可行,尽管比完全原生的实现稍微重一些。关闭模态框会移除 iframe 及其连接。
我不知道这是否有关系,而且我也不用 Facebook ![]()
我只是感到惊讶,点击你的链接并没有在模态框中显示该主题,而你发布它正是为了展示它能在模态框中正常工作。
我最初的帖子是主页的链接,你点击了我回复 Kris 测试主题的那个帖子吗,哈哈。不管怎样,最近怎么样?好久没见你了。
刚刚完成了移动版的开发,对目前的运行效果挺满意的。下一步是寻找更好的实现方式,以优化加载速度。大家有什么建议吗?
经过更多测试,我使用了 Google 看到的非 JavaScript 版本,它在模态框中加载速度极快。如果我能以某种方式利用该内容,就能实现快速响应。
在电脑端看起来非常不错,
在移动端的加载速度有点缓慢,点击后只能看到一个无内容的页面和右上角的关闭按钮,似乎需要面对一个空白页面等待很久。
这就是我现在正在做的项目
目前这还只是一个我想实现的概念。不过,在我的设备上,它通过 Discourse 的加载图标在移动端只需 2 秒就能加载完毕,所以我不太确定具体出了什么问题。可能是因为服务器位于英国伦敦,而且目前还没有使用 CDN。
那确实距离是太远了,所以网络需要时间传输
我现在已经让主题在模态框中即时加载,接下来需要找到一种方法,以便对回复等使用首次加载的 Discourse 实例。(这是在测试服务器上)
我已在主站关闭了此功能,因为现在有人注册并带来了流量,所以它已被移至测试服务器。如果大家对模态框感兴趣,希望能在八月中旬前完成。