jquery - 如何在 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