如果我们有一个后端具有HTML,Css和Nodejs的响应式网站,我们能否使其像PWA应用程序一样工作? -我知道Service-worker会区别文件,但我想知道这是确切的区别吗?
答案 0 :(得分:1)
这是PWA(Progressive Web Application) and RWD(Responsive Web Design)之间的区别:
PWA
用户可以通过任何浏览器在受支持的网站上访问网站 浏览器(Chrome,Firefox,Safari,甚至是Edge!),它询问用户是否 他们想将Web应用程序安装到主屏幕。这使用户 下载网站并将其存储在其设备上(然后获取 已在后台更新Service Workers。)
RWD
响应式网页设计(RWD)基本上是指 设计一个可以使用任何技术访问的网站 用于建立网站。 RWD允许网站完全正常运行 (并且外观不错),无论用户身前的屏幕尺寸如何 他们。自2001年奥迪发布第一款汽车以来, 记录的响应站点。
因此,PWA和RWD并不是创建网站的两种独立方法—实际上,PWA几乎肯定会利用RWD。 p>
以下是一些提示:
最佳解决方案是为您的特定站点选择最佳解决方案。如果您希望最大限度地利用这些类似于应用程序的功能(例如轻松访问主屏幕应用程序,脱机使用以及高质量的全屏功能),则可能需要选择PWA。
如果您希望最大程度地提高大多数用户的网站速度和可访问性,则RWD可能是更好的选择。
答案 1 :(得分:0)
如果您要问是否可以在没有服务人员的情况下创建PWA,那么我认为您可以这样做,因为它(服务人员)和manifest.json文件都需要将应用程序保存到主屏幕。
为了使用户能够安装您的Progressive Web App,它需要满足以下条件:
该网络应用尚未安装。
- 和preferred_related_applications不正确。
满足用户参与启发式的需求(当前,用户与域进行互动至少30秒)
包含一个Web应用程序清单,其中包括:
- 简称或名称
- 图标必须包含192px和512px大小的图标
- start_url
- 显示必须是全屏,独立或最小用户界面之一
- 通过HTTPS服务(服务工作者必需)
- 已使用获取事件处理程序注册了服务工作者