将WordPress网站转换为渐进式Web应用程序

乌萨马·诺曼(Usama Noman)

我正在构建一个渐进式Web应用程序,但到目前为止,在线文档和支持很少。我在此电子邮件中列出了我所有的问题。

  1. 台式机当前对Service Worker API(脱机模式)的支持是什么?我写了一个小型应用程序,该应用程序在脱机模式下可用于移动设备(Android-Chrome),但不适用于我的台式机(Chrome 42)。我们需要为此配置开发环境,因此我们需要知道测试应用程序所需的内容。它甚至不能在IOS-Safari / Chrome上运行。

  2. 服务工作广泛使用缓存,并且有一种非常好的方法可以在Dekstop Chrome上调试或注销未注册的Service Worker内部。但是,如果我在Mobile上运行我的应用程序,该如何删除服务工作者缓存?

  3. 如果我有一个响应式应用程序(一个WordPress网站),并且需要将其转换为PWA;我是否需要再次使用RestAPI移动版重写应用程序?(请阅读PWA的App Shell)。在PWA中,应用程序外壳程序与数据是分开的,但是在CMS中,如WordPress数据并不与UI分开。

我一直在寻找这些答案很长时间,而找不到任何适当的支持。

台式机当前对Service Worker API(脱机模式)的支持是什么?我写了一个小型应用程序,该应用程序在脱机模式下可用于移动设备(Android-Chrome),但不适用于我的台式机(Chrome 42)。我们需要为此配置开发环境,因此我们需要知道测试应用程序所需的内容。它甚至不能在IOS-Safari / Chrome上运行。

Safari目前不支持服务人员,但是它应该可以在Chrome 42中运行,尽管您应该考虑更新浏览器。无论如何,您可以在许多地方检查最新状态:

有关软件的更多信息:

服务工作广泛使用缓存,并且有一种非常好的方法可以在Dekstop Chrome上调试或注销未注册的Service Worker内部。但是,如果我在Mobile上运行我的应用程序,该如何删除服务工作者缓存?

您需要从Desktop Chrome调试Android版Chrome

无论如何,URL chrome:// serviceworkers-internals在Android的Chrome浏览器中可用,尽管没有清除脱机缓存的简便方法。

如果我有一个响应式应用程序(一个WordPress网站),并且需要将其转换为PWA;我是否需要再次使用RestAPI移动版重写应用程序?(请阅读PWA的App Shell)。在PWA中,应用程序外壳程序与数据是分开的,但是在CMS中,如WordPress数据并不与UI分开。

否。实际上,WP具有很好的体系结构,可将内容与主题脱钩。问题是在服务器上运行,但你并不需要您的网站的客户端上运行成为PWA。Mozilla支持WP插件套件,以帮助逐步实现WordPress安装:

  • 脱机Shell [ github ]标识您的Shell资产(即主题文件),并将其缓存在脱机缓存中。
  • 离线内容[ github ]标识您的动态内容,并在用户访问它时对其进行缓存。
  • Web Push [ github ]允许您在发布新内容后立即向读者推送实时通知。
  • 添加到主屏幕[ github ]通过将WordPress放入主屏幕来吸引读者。

它们都是非常年轻的插件,但是您可以在GitHub上跟踪它们,并根据需要提供帮助!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将网站更新为渐进式Web应用程序

来自分类Dev

渐进式Web应用程序中的重定向

来自分类Dev

渐进式Web应用程序和应用程序内购买/计费

来自分类Dev

带有渐进式 Web 应用程序的 Android 应用程序快捷方式

来自分类Dev

另一个渐进式Web应用程序范围内的渐进式Web应用程序

来自分类Dev

通过渐进式 Web 应用程序 (PWA) 使用 Web API

来自分类Dev

防止Android关闭渐进式Web应用程序在后台播放音频

来自分类Dev

渐进式Web应用程序的预期启动体验是什么?

来自分类Dev

如何通过单击推送通知来启动PWA(渐进式Web应用程序)打开?

来自分类Dev

渐进式Web应用程序未在浏览器栏中显示安装按钮

来自分类Dev

渐进式Web应用程序何时更改其清单文件?

来自分类Dev

CakePHP 3到渐进式Web应用程序后端

来自分类Dev

在渐进式Web应用程序打开时运行逻辑

来自分类Dev

如何在PWA(渐进式Web应用程序)中保护API密钥

来自分类Dev

在PHP渐进式Web应用程序上未检测到清单

来自分类Dev

iphone用户在gatsbyjs渐进式Web应用程序上的输入问题

来自分类Dev

如何在渐进式Web应用程序中发送推送通知

来自分类Dev

检查渐进式Web应用程序中的网络更改吗?

来自分类Dev

离线处理渐进式Web应用程序中的提取请求

来自分类Dev

渐进式 Web 应用程序 - 不尊重屏幕方向

来自分类Dev

使用 angular 5 创建渐进式 Web 应用程序时出错

来自分类Dev

在没有网络的手机上安装渐进式 Web 应用程序 (PWA)

来自分类Dev

如何使用 Angular Application 构建渐进式 Web 应用程序?

来自分类Dev

是否可以使用 react-strap 构建渐进式 Web 应用程序?

来自分类Dev

具有 ReactJS 组合的渐进式 Web 应用程序

来自分类Dev

如果网络(渐进式Web应用程序)中有可用更新,则缓存将更新或不更新。如果是,那怎么办?

来自分类Dev

具有 facebook 登录功能的渐进式网络应用程序(反应应用程序)

来自分类Dev

在渐进式Web应用程序(Angular2)上导入Material的sidenav时出现问题

来自分类Dev

渐进式 Web 应用程序可以与本地网络上的设备一起使用吗?

Related 相关文章

  1. 1

    将网站更新为渐进式Web应用程序

  2. 2

    渐进式Web应用程序中的重定向

  3. 3

    渐进式Web应用程序和应用程序内购买/计费

  4. 4

    带有渐进式 Web 应用程序的 Android 应用程序快捷方式

  5. 5

    另一个渐进式Web应用程序范围内的渐进式Web应用程序

  6. 6

    通过渐进式 Web 应用程序 (PWA) 使用 Web API

  7. 7

    防止Android关闭渐进式Web应用程序在后台播放音频

  8. 8

    渐进式Web应用程序的预期启动体验是什么?

  9. 9

    如何通过单击推送通知来启动PWA(渐进式Web应用程序)打开?

  10. 10

    渐进式Web应用程序未在浏览器栏中显示安装按钮

  11. 11

    渐进式Web应用程序何时更改其清单文件?

  12. 12

    CakePHP 3到渐进式Web应用程序后端

  13. 13

    在渐进式Web应用程序打开时运行逻辑

  14. 14

    如何在PWA(渐进式Web应用程序)中保护API密钥

  15. 15

    在PHP渐进式Web应用程序上未检测到清单

  16. 16

    iphone用户在gatsbyjs渐进式Web应用程序上的输入问题

  17. 17

    如何在渐进式Web应用程序中发送推送通知

  18. 18

    检查渐进式Web应用程序中的网络更改吗?

  19. 19

    离线处理渐进式Web应用程序中的提取请求

  20. 20

    渐进式 Web 应用程序 - 不尊重屏幕方向

  21. 21

    使用 angular 5 创建渐进式 Web 应用程序时出错

  22. 22

    在没有网络的手机上安装渐进式 Web 应用程序 (PWA)

  23. 23

    如何使用 Angular Application 构建渐进式 Web 应用程序?

  24. 24

    是否可以使用 react-strap 构建渐进式 Web 应用程序?

  25. 25

    具有 ReactJS 组合的渐进式 Web 应用程序

  26. 26

    如果网络(渐进式Web应用程序)中有可用更新,则缓存将更新或不更新。如果是,那怎么办?

  27. 27

    具有 facebook 登录功能的渐进式网络应用程序(反应应用程序)

  28. 28

    在渐进式Web应用程序(Angular2)上导入Material的sidenav时出现问题

  29. 29

    渐进式 Web 应用程序可以与本地网络上的设备一起使用吗?

热门标签

归档