💻 随着互联网前端的迅捷发展,越来越多产品网页端的使用体验愈加完善。用 Web 技术搭建的 网页应用 不仅有着现代化的 UI,甚至体验比原生桌面客户端都要好上不少。
而原生桌面客户端,由于要适配 Windows、macOS 甚至 Linux 等多个操作系统,或是为了适配老旧的系统 API(比如 Windows 7 及之前的 WinForm),很多界面、元素与使用体验可能都要做出很大的牺牲。这样子不仅会产生使用体验上的割裂感,由于有着不同的 UI 元素与字体渲染引擎方案,不同系统下的客户端甚至用户界面都长得大相径庭。
Chrome App 版本的全功能 Notion 笔记
不妨试试下面这两种方法,直接使用我们常用应用的网页端服务,将其当作我们的「桌面应用」,这样:不仅可以省去下载安装桌面客户端的繁琐步骤
还能够享受最新 Web 技术搭建的现代化 UI
对于 Windows,第一种方案可以解决 基于 Chromium 的应用(比如用 Electron 技术构建的 Notion、Slack 等客户端)糟糕的字体渲染引擎所带来的 衬线体中文界面
对于 Linux,第二种方案可以解决 尚未支持 Linux 系统的应用(比如未支持 Linux 系统的 Notion 笔记)「桌面客户端」的安装
▍Chrome App
第一种完全不折腾的解决方案就是:直接使用 Chrome 浏览器来给我们的网页生成一个「桌面应用」。
首先,用 Chrome 浏览器打开想要转换为「桌面客户端」的网页(我以少数派的 Slack 群为例子,地址为:https://sspai-club.slack.com/messages),将登录后正常使用状态的网页 URL 收藏到书签栏:
收藏至书签栏
然后,打开 Chrome App 页面:chrome://apps,将刚刚收藏的标签页项目拖拽到下面的空白处,在应用图标上右键,勾选「在窗口中打开」,然后点击创建快捷方式,在弹出的菜单栏处选择勾选「桌面」或「开始菜单」:
将网页添加至 Chrome App 页面,并制作快捷方式
这样一个单窗口的桌面应用快捷方式就出现在我们的开始菜单或桌面了:
Slack Chrome App 的快捷方式
不过,我们会发现这个快捷方式的名称和图标都有问题,我们「右键 > 更多 > 打开文件位置」,就来到了 Chrome 应用快捷方式的文件夹。在这里,我们可以直接修改其文件名,并通过「右键 > 属性 > 更改图标」来配置其图标:
修改 Chrome App 的名称、图标
需要注意的是,针对 Windows 系统,其图标仅支持 ico 格式的文件,我们可以通过ConvertICO方便的将 png 图片转化为 ico 文件,从而自定义图标。