如何添加网页到桌面_如何把网页添加到桌面快捷方式_网页添加css样式表的方式

如今的网络服务越来越丰富,虽然还没有强大到可以完全取代本地软件,但是通过浏览器进行交流、写作、编辑图片、转换文档、传输文件等等都已经不在话下。

一切都在云端操作似乎越来越成为一种趋势,但如何让 Web 服务做到和原生应用一样流畅,就不得不提到 PWA(Progressive web apps,渐进式 Web 应用),它运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。

似乎有点抽象,那我们就以 Firefox Send 这个网站来举栗子。

桌面端使用 PWA

这是之前推荐给大家的 Firefox Send 文件分享小工具。和其他网页不同的是如何把网页添加到桌面快捷方式,这个页面的地址栏右边会有一个加号,点击加号,你看到「安装应用」。

如何添加网页到桌面_网页添加css样式表的方式_如何把网页添加到桌面快捷方式

点击安装,一不留神,在 Windows 开始菜单里和桌面都可以看到 Firefox Send 的图标,是不是有种很像原生应用的感觉。

网页添加css样式表的方式_如何把网页添加到桌面快捷方式_如何添加网页到桌面

打开它,你可以像正常的应用一样将其固定在任务栏。从动图中可以看出,它依然是个网页,但网页的一些组件消失了,顶部的配色也做了相应的变化。使用起来的流畅度一点也不输于某些本地客户端。

网页添加css样式表的方式_如何添加网页到桌面_如何把网页添加到桌面快捷方式

在手机端使用 PWA

在手机端,你也可以将 Firefox Send 添加到手机桌面,像这样:

如何添加网页到桌面_网页添加css样式表的方式_如何把网页添加到桌面快捷方式

这两个都不是原生应用,而是 PWA如何把网页添加到桌面快捷方式,它们依托于浏览器,但体验起来却毫不含糊,大部分的功能你都能享受到。

添加它们也很简单,在手机浏览器打开 Firefox Send 后,点击底部中间的分享按钮。

如何把网页添加到桌面快捷方式_网页添加css样式表的方式_如何添加网页到桌面

在选项列表中找到添加到主屏幕,添加好后返回手机桌面就能看到啦。

如何把网页添加到桌面快捷方式_网页添加css样式表的方式_如何添加网页到桌面

网站不是 PWA 咋固定?

如果你现在就跑去常用的网站看看是否能安装,那恐怕是要失望的,因为很多网站仍然不是 PWA。但别灰心,你仍然可以通过「创建快捷方式」来将其变成应用,像这样:

点击浏览器右上角三个点,选择「更多工具」>「创建快捷方式」,在弹窗中记得勾选「在窗口中打开」。那么你在这个网站的所有操作就在这个窗口了,像极了客户端。

如何添加网页到桌面_如何把网页添加到桌面快捷方式_网页添加css样式表的方式

网页添加css样式表的方式_如何添加网页到桌面_如何把网页添加到桌面快捷方式

想要查看自己在浏览器中安装了多少个应用,在地址栏输入 chrome://apps 就可以看到了。想要卸载的话,直接在应用上右击选择「从 Chrome 中移除」即可。

如何把网页添加到桌面快捷方式_网页添加css样式表的方式_如何添加网页到桌面

为何偏爱 PWA?

首先是跨平台易于访问,当一个 PWA 足够满足你需求的时候,想必你不会再想专门下载个客户端。打开网站,用完即走,你能在任何一个位置访问它分享它,且它永远保持最新的状态,这对用户体验来说非常友好。

其次是能够固定在任务栏。有了 PWA ,你可以把某些重要网页固定在任务栏,方便使用的同时,还不用担心意外关闭浏览器的时候,让重要网页也跟着遭殃。

结语

还是开头说的那样,网络服务朝着越来越好的方向发展。当网络逐渐成为像水和电一样的基础设施,当技术能实现把 PWA 做的足够优秀,相信到时候 PWA 会是用户的一个不错选择。

有部分网站已经支持 PWA了,大家都可以去试用一下:

文件传输工具 Firefox Send:

图片压缩工具 Squoosh:

———END———
限 时 特 惠: 本站每日持续更新海量各大内部创业教程,一年会员只需98元,全站资源免费下载 点击网站首页每天更新
站 长 微 信: aiwo51889