- 生活
- 文章正文
pwa应用怎么安装到本地:手把手教你[朗读]
要完整介绍 pwa 是什么,需要扯一堆名词,毫无意义。以改造公羊阅读的过程为例,简要的说明什么是 pwa
公羊阅读是个网站,将它改造成 pwa 应用之后,在谷歌浏览器上点击右上角三个小点点,可以看到安装按钮。
(没有改造成 pwa 的网站是看不到安装按钮的~~)。
点击安装,完成后会发现生成了桌面应用图标,像原生 app 一样点击一下图标即可进入。
pwa 不只是改变 web 网站的入口,点击进入应用,可以看到没有浏览器中的地址栏,看起来就跟原生应用一毛一样。
在谷歌浏览器中输入 chrome://apps 可以查看安装了哪些 pwa 应用,选择应用,右键可以卸载该应用。
移动端也是一样的,在手机浏览器上访问公羊阅读的网址:https://www.44api.com/pwa/index.html,在网页最下方可以看到提示框:"将公羊阅读添加到主屏幕",点击即可添加到桌面。
注意:移动端并不是所有机型都支持添加到桌面功能。
360n6 手机就不支持,iphone xr 可以支持添加到主屏幕。
公羊阅读是个网站,将它改造成 pwa 应用之后,在谷歌浏览器上点击右上角三个小点点,可以看到安装按钮。
(没有改造成 pwa 的网站是看不到安装按钮的~~)。
点击安装,完成后会发现生成了桌面应用图标,像原生 app 一样点击一下图标即可进入。
pwa 不只是改变 web 网站的入口,点击进入应用,可以看到没有浏览器中的地址栏,看起来就跟原生应用一毛一样。
在谷歌浏览器中输入 chrome://apps 可以查看安装了哪些 pwa 应用,选择应用,右键可以卸载该应用。
移动端也是一样的,在手机浏览器上访问公羊阅读的网址:https://www.44api.com/pwa/index.html,在网页最下方可以看到提示框:"将公羊阅读添加到主屏幕",点击即可添加到桌面。
注意:移动端并不是所有机型都支持添加到桌面功能。
360n6 手机就不支持,iphone xr 可以支持添加到主屏幕。
加入收藏