奇客派 篇九：网页打包成APP，macOS解锁刷少数派新姿势

随着web端所能实现的功能、体验越来越完善，是否需要客户端成为网站管理者重新考虑的问题，尤其是对于一些资讯类信息流网站。例如少数派，移动端和桌面端网站的自适应做的非常完善，拥有iOS/Android双移动平台APP，桌面端应用大概就完全没有纳入考虑范围。

尽管，在桌面端一个浏览器能满足所有的浏览、发文需求，但始终没有APP那种点开即达的那种体验畅快。在Google大力推动PWA应用发展的大潮流下，一定程度上也证明桌面端应用需求不可忽视。

如果少数派有了桌面客户端，你觉得会是怎样的？不如自己来打包一个？

在macOS平台，应该有不少人了解过Unite这款应用，可以将网站打包成macOS端的应用。在第三个大版本中，Unite加入了一些新的特性，笔者便顺手打包了个「少数派 for Mac」，结果有些小惊喜。

步骤很简单，打开Unite 3，填写应用名、网站地址并设置logo。

原本点击“Get from web”可以自动获取网站logo，但少数派网站挂的logo清晰度不高，最终生成的APP图标马赛克严重。因此建议自己手动设置清晰度更高的logo。

最右侧为自动抓取的logo

笔者选择670*670的图，清晰度尚可，为了不显得那么单调，简单增加了一圈描边。

最底部三个选项建议全部勾选，尤其是第一个“创建状态栏应用”，后面会看到展示。一切设置没问题之后，直接点击“创建Unite应用”即可。

创建好的应用会自动添加到macOS应用程序的文件夹以及启动台，直接点击启动即可。

第一次打开的朋友可能会有点恍惚，并没有看到应用窗口。因为创建时选择了创建状态栏应用后默认打开直接到了菜单栏。

点击少数派logo的图标，弹出的窗口即可浏览少数派网页内容，由于少数派自适应比较完善，在此状态下基本和移动端浏览器体验一致。

留意窗口右下角蓝色描边的原点，鼠标按住拖动即可自由调整窗口大小，按每个人的需求及屏幕条件，调整到最舒服的大小即可。

随便点击链接进入其他文章页，窗口顶部则会弹出新的标签页，很明显，Unite 3打包的应用依然是浏览器外壳。但即便如此，完全脱离于默认浏览器之外，能够常驻菜单栏，实现想看就点的快捷体验。

早上打开电脑，刷一遍更新的文章；上班累了，点开划划水。浏览文章、充电、评论，完全能够给你一种macOS客户端般的体验。一定意义上也说明，少数派移动端浏览体验做的还是很不错的。

右键单击菜单栏图标，选择“切换到常规模式”,即可切换到浏览器窗口模式。

你会发现，默认窗口标题栏与网站顶栏颜色一致，且没有呆板的浏览器窗口，视觉美感大大增强。随意拖动窗口边框调整大小，你可以从iPhone视图拖动到iPad视图，全屏变成桌面端视图。

当然，这依然是基于浏览器的，打开多个标签后还是会出现跟普通浏览器一样的标题栏。其实这个问题，我倒是建议开发者可以直接改成点击链接强制在当前标签打开，而不是创建新标签或者窗口，返回的话右键菜单或者直接双指滑动。尽量弱化浏览器特点，或许能够达到更强的独立体验。

针对一些细节美化和操作体验上的设置，Unite 3也提供了一些个性化设置，甚至支持广告过滤。笔者使用来看，默认设置整体就不错，便没有进行过多调整。

不过，有一点需要注意，如果你用Unite 3创建的客户端经常需要打开其他网站链接，建议将白名单中设置为“允许浏览任何链接”，这样就不会调用浏览器去打开，尤其是需要用第三方账号登录的时候。

从笔者的使用体验来看，Unite 3所提供的菜单栏应用非常实用，能够比较方便的实现点开即看的需求。其实有不少客户端都是通过这种方式实现，例如pap.er以及1password。

除了少数派之外，笔者还试着创建了一些其他的应用，例如twitter、product hunt以及微博（PWA）。

其中最让我惊喜的是product hunt，由于该网站几乎所有的浏览操作都是在单页面完成，基本不会创建新标签，使用体验甚至超过了多数第三方的product hunt客户端。而微博和Twitter，由于本身支持PWA，打包成APP之后相当于附加到了菜单栏，点开即用，再加上Unite 3支持桌面通知，也都具备很强的可用性。

拿微博来说，PWA版本本身不带广告，官方背景稳定性会更高，个人觉得可以和Maipo一战。

好了，有兴趣的朋友可以也去体验一把刷少数派的新姿势，也可以为自己的博客或者其他网站创建APP，没准有新的惊喜哦～