都是用电脑，凭啥我的电脑这么流畅丝滑？

时间：2023-05-12 18:45:02 | 来源：网站运营

时间：2023-05-12 18:45:02 来源：网站运营

都是用电脑，凭啥我的电脑这么流畅丝滑？：

Hello 这里是一周进步
我们写了四年近2000篇的干货文章，还分享了许多实用的神器工具，一路以来，感谢大家的支持与陪伴~
文 / 一周进步 · 安哥拉

使用某个应用之前，有时我会关注它是否有「网页版」，如果有网页版且不影响产品的功能或使用体验时，我会更倾向于选择网页版，能用网页的坚决不用客户端。

网页版应用省去了安装客户端的步骤，有网随时随地都能用，轻量且使用起来很流畅，反观我用过的一些客户端，启动速度较慢，且有时还会出现卡顿的情况。

但网页版也存在一些不方便的地方，例如每次使用时需要经历「先打开浏览器，再打开网页」的步骤，重复的次数一多，就会显得繁琐低效。

因此，今天的这篇文章，我想为你介绍一种可以高效利用网页这个载体的应用——PWA 应用，希望其中的一些内容对你有帮助。

01. PWA 应用

PWA 全程为 Program Web Apps(渐进式网络应用程序)，你可以将它简单理解为电脑上的小程序，只不过它运行在浏览器而非微信上。

相比传统的网页应用，PWA 具有以下这些优点：

• 不受所使用的浏览器的影响，在不同设备上会进行自适应，不会出现兼容性问题
• 拥有接近原生应用的交互体验
• 可以保证用户使用的总是最新版的应用
• 只需要一个链接就能用上 PWA 应用，无需经历复杂的安装步骤

02. 值得使用的 PWA 应用

① 微博 Lite

微博 Lite，是基于HTML5技术开发的网页版微博，相比许多人在电脑上常用的网页版，它的优点在于：

所有微博都是按发布时间倒序进行排列的，不会出现移动端微博时间线错乱的情况；

信息流中不会有烦人的广告；

微博 Lite 的首页整体比较简洁，比较接近于 App 的设计，顶部是搜索框，下方是各个分区的标签，没有传统网页版的分组、热门话题等板块。







微博 Lite 网址：

https://m.weibo.cn/




② Twitter

Twitter，国内各种微博产品的始祖，但在国内已经不存在的社交产品。

打开 Twitter 官网，和微博 Lite 一样，在地址栏右侧会有提示「安装 Twitter」的按钮。







安装之后，它也会从浏览器中分离出来，分离前后的功能都是一样的，不像微博网页版与微博 Lite 存在着差异。







Twitter 官网：

https://twitter.com/




③ flomo

flomo，是一款像发微博一样的笔记工具，非常适合平时用来记录各种碎片化内容或想法。

flomo 有移动端和网页版，但我更喜欢在电脑上使用这款应用，由于它没有电脑客户端，所以就只能使用网页版。







比较幸运的是，flomo 也是一款 PWA 应用，在浏览器打开 flomo 的网址之后，地址栏右侧就会有提示「安装 flomo」的按钮。







关于 flomo 的更多使用技巧，可以看 @Cherry 之前写过的文章

微信上的这个笔记应用，早该火了。

flomo 官网地址：

https://flomoapp.com/




④ Telegram

Telegram，是国外一款跨平台的即时通信工具，消息使用端对端加密，在抵达接收方之前不会被他人查看，且消息不会被存储在服务器。

这款应用既有网页版也有客户端，网页版的 Telegram 属于 PWA 应用，打开网页之后，地址栏右侧也会有安装的按钮。







Telegram 网页版地址：

https://web.telegram.org/




⑤ Emojityper

Emojityper，是一个非常有意思的 Emoji 网站，只要输入你想用的 Emoji 对应的英文，例如下图的 computer，它就会返回文本对应的 Emoji，听起来是不是有点绕呢？

说得直白一点，这个在线网站就是一个 Emoji 搜索工具，可以很方便地搜索到你想使用的 Emoji 表情。







我用过不少 Emoji 工具，但大多都不具备搜索功能（除了苹果自带的输入法），每次找一个想用的 Emoji，都需要从一大堆表情把它揪出来，效率实在是太低了。

但现在有了这么一个在线工具，你就可以很方便地找到 Emoji 啦。

Emojityper 在线地址：

https://emojityper.com/




⑥ Emoji Bombs

Emoji Bombs，同样是一个 Emoji 表情相关的网站，它会在每个页面以九宫格的形式呈现 9 个 Emoji，点击页面就会将所有 Emoji 复制到系统的剪贴板。







在你需要的地方粘贴，就可以快速得到 9 个排列整齐的 Emoji 表情：










这个网站目前提供的 Emoji 不多，向左滑动页面可以查看不同的 Emoji 组合，目前总共只有 7 个页面。







最后一个页面提供了解锁更多 Emoji 组合的选项，但实测输入邮箱之后并没有什么反应，可能是页面的功能还处于开发阶段。







Emoji Bombs 在线地址：

https://emojibombs.com/




⑦ Tower Game

Tower Game，是一个盖房子的网页游戏，它让我想起了 10 年前在诺基亚上玩的一款类似的游戏。

点击屏幕，挂在起重机挂钩的房子就会掉下来，上下两层房子没有严丝合缝扣紧的话，整栋楼就会变得歪歪扭扭。

我试玩了几局，发现这个小游戏挺难的，起重机的绳子晃动得很快，一不小心就 Game Over 了。







Tower Game 官网：

https://www.towergame.app/

03. 如何添加 PWA 应用？

① 从浏览器地址栏安装

在支持 PWA 应用的浏览器中，打开 PWA 应用，浏览器地址栏右侧会新增一个「安装」按钮，在弹出的面板点击安装即可。







如果地址栏右侧没有出现「安装」的按钮，你也可以点击浏览器右上角的「…」，展开「应用」的菜单，在面板中就能看到「安装 微博Lite」的选项。







安装好 PWA 应用后，它会从浏览器的标签页中分离出来，拥有单独的页面，如下图所示，页面顶部不会显示浏览器地址栏和网址。







只有当你点击右上角的「…」按钮，弹出的面板显示的「应用信息」或「复制 URL」，才能查看当前 PWA 应用的源地址。







Chrome 和微软的 Edge 浏览器都支持安装 PWA 应用，但使用这两个浏览器安装的 PWA 应用略有区别：

使用 Chrome 浏览器安装的 PWA 应用，它会自动在桌面上生成「微博 Lite」的快捷方式，方便你在桌面上快速打开。







使用 Edge 浏览器安装的 PWA 应用，它不会在桌面上生成一个快捷方式，不过你可以在开始菜单中看到它。







此外，这里还有一个使用 PWA 应用的小技巧，由于安装的 PWA 应用会单独打开一个页面，它会在桌面底部的任务栏生成一个图标。

右击任务栏的图标，选择「固定到任务栏」，将 PWA 应用图标添加到任务栏上。







添加到任务栏之后，当你需要用到它的时候，点击任务栏的图标，就可以快速启动。







②AppScope

如果按照上面介绍的方法，逐个打开不同的网站，通过查看地址栏右侧是否有「安装」按钮，以此来判定是否为 PWA 应用，这个流程还是太繁琐了一点。

这里介绍一个 PWA 应用聚合网站 Appscope，网站收录了不同类别的 PWA 应用，包含游戏、工具、教育、购物、音乐和运动等。







选择自己感兴趣的类别，可能可以从中找到自己需要的 PWA 应用。

值得一提的是，这个网站收录的基本都是国外的产品，如果你经常需要用到国外的应用，那非常推荐你来这里逛一逛。







AppSco 官网：

https://appsco.pe/




③ 为网页创建快捷方式

如果你想使用的国内应用没有推出 PWA 应用，那也没有关系，我们可以借助浏览器自带的功能「创建快捷方式」，来将常用的应用添加到桌面。

在打开任意网页的情况下，点击浏览器右上角的「…」，选择「更多工具 >>创建快捷方式」。







页面顶部会弹出询问是否「创建快捷方式」的窗口，勾选下方的「在窗口中打开」，当前的页面也会从浏览器中脱离出来，形成一个单独的窗口。







创建了单独的窗口之后，电脑桌面也会新增一个快捷方式。







你可以像前面介绍的，将应用固定到桌面底部的任务栏，或者在 Windows 开始菜单中，将其从「最近添加」拖拽到右侧的「动态磁贴」，方便后续快速打开。







需要注意的是，这个方法目前仅适用于 Chrome 浏览器，同样是谷歌内核的 Edge 浏览器暂未发现这一功能。




④ 从微软应用商店 Mircrosoft Store 安装

上架微软应用商店的应用，大多被称为 UWP 应用，UWP 是 Universal Windows Platform 的简写，译为Windows 通用应用平台。

除了 UWP 应用，应用商店还上架了我们前面提到的PWA 应用，在应用商店中搜索关键词 PWA，就可以看到推出了 PWA 的应用，这里有我们比较熟悉的饿了么和微博。

04. 管理已安装的 PWA 应用

对于我们已经安装的 PWA 应用，后续如果你不需要再用到它了，可能会有删除或卸载的需求。

管理已安装的 PWA 应用也比较简单，以 Chrome 浏览器为例，在地址栏输入chrome://apps，打开的页面就可以看到我们添加的所有 PWA 应用。







右击想删除的 PWA 应用，在弹出的菜单中，选择「从 Chrome 中移除」，原先添加到电脑桌面或任务栏的 PWA 应用，就会从你的电脑消失了，不会有任何残留。







如果你用的是微软家的 Edge 浏览器，在地址栏输入 edge://apps ，同样可以打开 PWA 应用的管理页面，右击卸载不需要的应用即可。

写在最后

写这篇文章之前，我对 PWA 应用也不是很了解，仅局限在「安装 PWA 应用 >> 将其固定在任务栏 >> 可以快速打开应用」的层面上。

后来决定写这个选题，是因为我发现我身边的一个同事，原来 TA 也不知道这个用法（并无贬义）。

因此这篇文章的诞生，也要感谢同事给我的灵感，也再一次验证了一个不一定对的观点：你以为人人都知道的东西，其实还有很多人都不知道。

这中间的鸿沟，正是分享的价值所在。

以上，就是本次想和你分享的内容。

如果有帮到你，你可以点赞收藏或转发分享，这会对我们有很大的帮助。