gatsby-plugin-offline导致站点挂起?

时间:2019-01-20 00:12:03

标签: android google-chrome service-worker gatsby

我正在测试我的Gatsby网站,并且发现了一系列导致其在浏览器中挂起的操作。 “挂起”是指浏览器正在尝试加载网站,屏幕为空白,进度条达到约75%并停止。

我正在使用gatsby-plugin-offline,并且怀疑这是服务人员的问题,但是,很难确定。

我只能使用Chrome在Android上重现此挂起行为。台式机上的Chrome没有任何问题,Android上的Firefox也没有任何问题。我认为这与Chrome恢复的方式有关。

复制步骤

  1. 打开Chrome
  2. 直接输入网址导航到该网站
  3. 杀死Chrome
  4. 重新打开Chrome

当我重新打开Chrome时,它会尝试重新加载该网站,因为它是在我杀死该应用程序时打开的,而这正是它的挂起位置。

如果我等待足够长的时间(大约5分钟),则该站点将停止尝试加载,但屏幕仍然空白。似乎发生了某种超时。现在,我可以通过台式机上Chrome中的远程调试工具查看控制台了。在此之前,虽然它仍然挂起,但我可以使用远程调试器连接到电话,但是没有检测到浏览器,这在一定程度上导致了这一点很难弄清。当我查看远程调试器中的控制台时,它表明少数资源无法加载。它们并不总是相同的,但是会失败,但是一些常见的包括以下内容:

所有这四个项目都在高速缓存中,并且位于它们各自的主机上。前三个项目被配置为WorkBox的预缓存项目。

最后的注释::调试器的“网络”选项卡中没有任何内容,只是我在控制台中提到的内容。如果在站点挂起时或在任何时候刷新站点,它都可以工作。刷新始终有效,只是Chrome首次打开时,网站就会挂起。

真的很奇怪。

0 个答案:

没有答案