Amp html 作为PWA的放大器与PWA中的放大器_Amp Html_Progressive Web Apps_Accelerated Mobile Page

Amp html 作为PWA的放大器与PWA中的放大器

amp-html

Amp html 作为PWA的放大器与PWA中的放大器,amp-html,progressive-web-apps,accelerated-mobile-page,Amp Html,Progressive Web Apps,Accelerated Mobile Page,有3种方法可将AMP与PWA结合（如上所述）：具有PWA功能的AMP页面 AMP作为PWA的入口点 AMP作为PWA的数据源在第一种和第三种方法中，我们使用ServiceWorker从服务器获取AMP内容，如果需要，对其进行修改并呈现。有人能解释一下这些方法之间的区别吗？“Shadow AMP”API的具体用途是什么？“Shadow AMP”是渐进式Web应用程序中AMP的一个特殊版本。在AMP库的顶级页面中，它只会“放大”页面中您需要的部分，而不会控制顶级内容。当全局AMP变量和Shad

有3种方法可将AMP与PWA结合（如上所述）：

具有PWA功能的AMP页面

AMP作为PWA的入口点

AMP作为PWA的数据源

在第一种和第三种方法中，我们使用ServiceWorker从服务器获取AMP内容，如果需要，对其进行修改并呈现。有人能解释一下这些方法之间的区别吗？“Shadow AMP”API的具体用途是什么？

“Shadow AMP”是渐进式Web应用程序中AMP的一个特殊版本。在AMP库的顶级页面中，它只会“放大”页面中您需要的部分，而不会控制顶级内容。当全局AMP变量和Shadow AMP的可用性使用“异步函数加载方法”来帮助实现这一点时，将使用该库

要了解更多信息，请访问此网站

第一种方法只是一个具有PWA功能的网站，使用service worker进行脱机缓存，并使用manifest.json添加到主屏幕和漂亮的初始屏幕。第三种方法是使用AMP.attachShadowDoc（）将AMP页面加载到阴影DOM中。AMP Shadow Doc API解释如下：