我正准备为我们公司开发一个PWA。我一直在做Web应用程序，所以我习惯了Bootstrap和Jquery。我想以同样的方式开发PWA。我可以通过简单地隐藏和显示div来使用Jquery使应用程序成为SPA。这完全不是问题。如果我走这条路，我可以做服务工作吗？或者我仍然需要使用其他框架，如Vue，react，Framework 7等来制作PWA？如果是这样，混合使用jquery和PWA可以吗？PS没有必要建议放弃jquery，只使用react等。出于几个原因，这不是我们的选择。
busg9geu1#
**这个问题有点老，但既然我遇到了它，让我为后代回答这个问题。
你可以在构建PWA时使用bootstrap+jquery，但我们并不特别需要它们。你可以用简单的HTML+CSS+JS来实现。不要使用CDN来加载这些库，这可能会使它们在网站/应用程序离线时不可用。更好的方法是将它们作为本地资源保存在服务器上，并将它们与其他网站/应用程序资产沿着缓存。而且，绝对没有必要让你的网站/应用程序SPA。我们可以缓存我们网站的1个以上的页面，使它们可以脱机使用。最后，我们仍在等待一个良好的PWA具体框架，截至12月21日。这将使大多数当前的前端库无用IMO。
dhxwm5r42#
您可以使用本网站来实现您的目标：https://progressier.com/quickstart/adding-pwa-features-to-your-jquery-site“Adding PWA features to your jQuery site in 2023”它可以帮助您使用许多基于浏览器的技术创建您的暴民应用程序。
8ulbf1ek3#
我已经使用Bootstrap 4和Bootstrap 3（沿着所需的jQuery库）用于PWA。所以我看不出这对你有什么问题。
holgip5t4#
使用Chrome Lighthouse工具来完成使现有网站成为PWA所需的项目列表。运行测试后，请查看PWA部分。这里有一个视频，一步一步地解释。https://youtu.be/Ay3zKmde3BM使用Lighthouse将帮助您了解您需要添加到网站的确切项目。这是完整的清单。https://developers.google.com/web/progressive-web-apps/checklist
4条答案
按热度按时间busg9geu1#
**这个问题有点老，但既然我遇到了它，让我为后代回答这个问题。
你可以在构建PWA时使用bootstrap+jquery，但我们并不特别需要它们。你可以用简单的HTML+CSS+JS来实现。不要使用CDN来加载这些库，这可能会使它们在网站/应用程序离线时不可用。更好的方法是将它们作为本地资源保存在服务器上，并将它们与其他网站/应用程序资产沿着缓存。
而且，绝对没有必要让你的网站/应用程序SPA。我们可以缓存我们网站的1个以上的页面，使它们可以脱机使用。
最后，我们仍在等待一个良好的PWA具体框架，截至12月21日。这将使大多数当前的前端库无用IMO。
dhxwm5r42#
您可以使用本网站来实现您的目标：https://progressier.com/quickstart/adding-pwa-features-to-your-jquery-site“Adding PWA features to your jQuery site in 2023”它可以帮助您使用许多基于浏览器的技术创建您的暴民应用程序。
8ulbf1ek3#
我已经使用Bootstrap 4和Bootstrap 3（沿着所需的jQuery库）用于PWA。所以我看不出这对你有什么问题。
holgip5t4#
使用Chrome Lighthouse工具来完成使现有网站成为PWA所需的项目列表。运行测试后，请查看PWA部分。
这里有一个视频，一步一步地解释。
https://youtu.be/Ay3zKmde3BM
使用Lighthouse将帮助您了解您需要添加到网站的确切项目。
这是完整的清单。
https://developers.google.com/web/progressive-web-apps/checklist