如何在Chrome中实现bfcache，以便在返回导航后页面返回到相同的DOM状态

Question

我正在尝试让Chrome实现bfcache（后向缓存），“stores内存中DOM的当前状态。通过后退按钮重新访问页面时，不会发出任何请求。 DOM本身是从缓存直接提供的。“我的理解是Safari和Firefox都使用某种形式的bfcache，但不是当前版本的Chrome。基本上，我想要一些简单的jQuery动画，在点击链接后导航回页面后，从中断的地方恢复。它们在Safari中按预期工作，但在Chrome中不能。这是我想在后台导航时冻结和恢复的基本脚本：

var soundControl = document.getElementById(“song”); 
  $(“#song”).get(0).play();

$(‘div.a img’).fadeIn(500);
$(‘div.b img’).delay(750).fadeIn(500);
$(‘div.c img’).delay(1500).fadeIn(500);
$(‘div.d img’).delay(2250).fadeIn(500);

解决方案可能涉及添加EventListener或使用持久属性，但我不确定。

Answer 1

快进到2019年 - Chrome实际上正在测试bfcache实现。这些工程仍在进行中，预计将于明年（2020年）发布

https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/OVROmzNUng0/1gTmi-I3EQAJ