是否可以在iframe中安装渐进式Web应用?

时间:2019-04-30 14:28:15

标签: iframe progressive-web-apps

我有一个网站。我们称之为www.example.com

我将www.example.com中的iframe加载为PWA。

是否可以在iframe中安装PWA?如果没有,为什么?

2 个答案:

答案 0 :(得分:2)

“安装”的含义不清楚。

如果您要询问<iframe>是否可以注册服务工作者,那么答案是肯定的。该服务人员将以与注册install的顶级文档相同的方式触发其activate / <iframe>处理程序。需要明确的是,服务工作者和缓存存储区的作用域将是<iframe>的来源,而不是顶级文档的来源。

如果您要谈论的是在<iframe>中加载文档是否可以满足在Chrome中显示“ Add to Homescreen” UI的要求,答案是否定的。在这种情况下,不应触发beforeinstallprompt事件。

答案 1 :(得分:-1)

iframe中的PWA?可以将PWA(Nuxt应用程序)嵌入到iframe代码中。

我使用以下代码来实现它。允许iframe加载脚本文件(如服务工作者文件)非常重要。因此,我们在沙盒属性中使用“允许脚本”选项。

<iframe
   src="<pwa_url>"
   scrolling="yes"
   allow-same-origin
   sandbox="allow-scripts">
</iframe>