论坛可以考虑再度 PWA 化

隐藏功能

好了，现在让我来揭秘大家一直期待的隐藏功能吧！
首先在浏览器中打开论坛，然后在地址栏上清空内容，接着键入javascript:。
之后，粘贴解锁代码：

(()=>{var a=document.querySelector('link[rel="manifest"]');a.href='data%3Aapplication%2Fjson%3Bbase64%2Cew0KICAgICJuYW1lIjogInd2YkNvbW11bml0eSIsDQogICAgImRlc2NyaXB0aW9uIjogInd2YkNvbW11bml0eTogd2hlcmUgVmlzdGEgYm9vbXMhIOi%2FmemHjOaYr%2BS4gOS4quato%2BWcqOaIkOS4uueUteiEkeaVsOeggeaKgOacr%2BS5kOWbreeahOWwj%2BWciOWtkOOAgiIsDQogICAgInN0YXJ0X3VybCI6ICIvIiwNCiAgICAic2NvcGUiOiAiLyIsDQogICAgImRpciI6ICJhdXRvIiwNCiAgICAidGhlbWVfY29sb3IiOiAiIzFCNzRFOCIsDQogICAgImRpc3BsYXkiOiAic3RhbmRhbG9uZSIsDQogICAgImljb25zIjogWw0KICAgICAgICB7DQogICAgICAgICAgICAic3JjIjogImh0dHBzOi8vY29tbXVuaXR5Lnd2YnRlY2guY29tL2Fzc2V0cy9wd2EtaWNvbi00OHg0OC5wbmciLA0KICAgICAgICAgICAgInNpemVzIjogIjQ4eDQ4IiwNCiAgICAgICAgICAgICJ0eXBlIjogImltYWdlL3BuZyINCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgICAgInNyYyI6ICJodHRwczovL2NvbW11bml0eS53dmJ0ZWNoLmNvbS9hc3NldHMvcHdhLWljb24tNzJ4NzIucG5nIiwNCiAgICAgICAgICAgICJzaXplcyI6ICI3Mng3MiIsDQogICAgICAgICAgICAidHlwZSI6ICJpbWFnZS9wbmciDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICAgICJzcmMiOiAiaHR0cHM6Ly9jb21tdW5pdHkud3ZidGVjaC5jb20vYXNzZXRzL3B3YS1pY29uLTk2eDk2LnBuZyIsDQogICAgICAgICAgICAic2l6ZXMiOiAiOTZ4OTYiLA0KICAgICAgICAgICAgInR5cGUiOiAiaW1hZ2UvcG5nIg0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgICAic3JjIjogImh0dHBzOi8vY29tbXVuaXR5Lnd2YnRlY2guY29tL2Fzc2V0cy9wd2EtaWNvbi0xNDR4MTQ0LnBuZyIsDQogICAgICAgICAgICAic2l6ZXMiOiAiMTQ0eDE0NCIsDQogICAgICAgICAgICAidHlwZSI6ICJpbWFnZS9wbmciDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICAgICJzcmMiOiAiaHR0cHM6Ly9jb21tdW5pdHkud3ZidGVjaC5jb20vYXNzZXRzL3B3YS1pY29uLTE5NngxOTYucG5nIiwNCiAgICAgICAgICAgICJzaXplcyI6ICIxOTZ4MTk2IiwNCiAgICAgICAgICAgICJ0eXBlIjogImltYWdlL3BuZyINCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgICAgInNyYyI6ICJodHRwczovL2NvbW11bml0eS53dmJ0ZWNoLmNvbS9hc3NldHMvcHdhLWljb24tMjU2eDI1Ni5wbmciLA0KICAgICAgICAgICAgInNpemVzIjogIjI1NngyNTYiLA0KICAgICAgICAgICAgInR5cGUiOiAiaW1hZ2UvcG5nIg0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgICAic3JjIjogImh0dHBzOi8vY29tbXVuaXR5Lnd2YnRlY2guY29tL2Fzc2V0cy9wd2EtaWNvbi01MTJ4NTEyLnBuZyIsDQogICAgICAgICAgICAic2l6ZXMiOiAiNTEyeDUxMiIsDQogICAgICAgICAgICAidHlwZSI6ICJpbWFnZS9wbmciDQogICAgICAgIH0NCiAgICBdLA0KICAgICJiYWNrZ3JvdW5kX2NvbG9yIjogIiMxQjc0RTgiLA0KICAgICJkaXNwbGF5X292ZXJyaWRlIjogWw0KICAgICAgICAid2luZG93LWNvbnRyb2xzLW92ZXJsYXkiLA0KICAgICAgICAic3RhbmRhbG9uZSINCiAgICBdDQp9';})();

然后将论坛安装为 PWA，之后论坛看起来应该像这样：

点一下标红线的地方，你就可以享受更加原生的论坛了！
——是的，我最后还是兑现了当初提供Window Controls Overlay的承诺！

Crazy Urus 对照了 commit 记录也没有发现隐藏功能是什么

现在您可能知道为什么了，这个功能是使用纯 CSS 实现的

这种解锁方式并不是最佳方法，若干次后浏览器会自动滚回到standalone，所以请论坛管理员参考 Microsoft Learn 编辑 Manifest 文件，之后再安装为 PWA 就是持久的类原生 App 了！

现在知道为什么要关彩色标题栏了吧[tieba=yinxian]，搭配一个正确的壁纸就像真的使用了 Mica 材质一样[tieba=huaji]
甚至不用担心有人喜欢standalone模式，因为开不开启此功能用户是有选择权的，两全其美

gyigi 另外 虽然已经提过了 但还是想说一句 这个搜索框 以及主页中这个论坛图标和链接是不是偏左了点

现在看来这反而是 Feature——开启那个模式之后调整窗口大小每次都是在 Logo 马上要和搜索栏相撞的时候恰到好处地往左移动

还是提醒一下吧，论坛更新哦，因为我想更新也没时间了，不用再担心要天天和 Composer 打交道了
甚至可以用上一年（

连我自己都无语了，自己竟然再次食言（捂脸）

v1.1.3（可选更新）

更新悬浮用户卡片外观。
更改通知布局，现在已读内容将不再看起来像未读内容。
在不更改移动端布局的情况下使用更好的 CSS 重写了样式。

预览

发现整个 Flarum 世界里面，做主题的人都寥寥无几。
所以……[tieba=huaji]

国际站有人早就期待了这个风格主题，真的没想到我在若干年后机缘巧合地做了这个项目
但是看了那个链接之后，发现做得也不是很像，大概是2020年微软的设计还不成熟，无法体现特色？亦或是当时没有详细资料模仿不出细节？
不过无论如何，现在有一个能够体现细节特色的主题出现了（自卖自夸）

SteveWorkshop Flarum 不是 Android……

DaleZ 邮件通知都能即时推送，怎么 PWA Push 就是收不到通知

何木槿 有点锯齿

是的，任何浏览器任何缩放率都无法避免，浏览器渲染的锅

焊锡锡 反正我仍然坚持认为pwa没卵用。。。

以外观作为第一生产力的强烈反对（

綾瀬桃桃 那就怪了，难道真的是桌面端限制？

DaleZ 一起欣赏大号标题栏后的 Flarum PWA。。。

焊锡锡 （一个月之后的反驳）小秘密：我的 VSCode 也是 PWA

现在我们前往 Next Valley 下一个版本。
首先感谢一下微软，因为把整个 Windows UI 2 实现库（我指的是 Windows UI Library）开源了，现在掌握了一大堆控件的设计参数之后，我们可以在仿真度上更进一步了。
不多说，先上图


另外还要感谢 TinyPNG 的超级压图能力，不然就没噪点了
等我肝完作业就可以进入 Beta 流程了~
不过个人还是不太满意这个亚克力，微软官方源代码里面只有大把 Windows 10 的亚克力背景刷子，但复刻出来看着真的不顺眼，而目前自己调的还是不大好……
_{求11的刷子}

DaleZ 那就怪了，难道真的是桌面端限制？

哦对了后来看到我这边是有警告的：

WebSocket connection to 'wss://.../...(省略)' failed: WebSocket is closed before the connection is established.