后退/前进缓存（Back/forward cache, 以下简称bfcache）是一种浏览器优化，可实现即时的后退和前进导航。它显著改善了用户的浏览体验，尤其是那些网络或设备速度较慢的用户。作为web开发人员，了解如何在所有浏览器上基于bfcache优化页面非常重要。这样可以提高用户体验。浏览器兼容性Firefox和Safari都早已支持bfcache，包括桌面和移动设备。从86版开始，Chrom
转载
2024-01-30 07:56:34
64阅读
一些浏览器中返回按钮是直接使用缓存的，不会执行任何js代码，例如, 在提交的时候将按钮设置为loading状态，如果在提交成功后没有对按钮进行处理，那么返回后按钮依然是loading状态，这就很尴尬了尴尬。原因：部分浏览器在后退时不会触发onload事件，這是HTML5世代浏览器新增的特性之一——Back-Forward Cache(简称bfcache)什么是bfcache《JavaScript高
转载
2023-12-24 12:43:24
219阅读
目录前言一、浏览器存储0、bfcache1、WebStorage（1）、sessionStorage 对象（2）、localStorage 对象2、Cookie（1）、cookie 与 sessionStorage、localStorage 的对比3、IndexedDB4、WebSql5、H5 webapp 的离线缓存二、HTTP 缓存1、强缓存（1）、Expires（一个绝对时间）（2）、Ca
转载
2024-07-27 18:33:54
42阅读
Firefox和Opera有一个新特性，名叫“往返缓存”（back-forward cache，或bfcache），可以在用户使用浏览器的“后退”和“前进”按钮时加快页面的转换速度。这个缓存中不仅保存着页面数据，还保存了DOM和JavaScript的状态；实际上是将整个页面都保存在了内存里。如果页面
转载
2016-07-18 16:07:00
673阅读
2评论
Firebug 1.10 的新特性
安装后无需重启浏览器
延迟加载
Cookie 管理
命令行编辑器的语法着色
自动完成
样式追踪
新的命令: help
链接到 Web 字体定义
支持媒体查询
实体显示格式
颜色显示格式
菜单项的工具提示
支持 “focus” CSS 伪类
来自 BFCache 的 HTTP 请求
删除 CSS 规则
翻译
2022-05-03 10:54:04
108阅读
后退刷新前段时间遇到了移动端后退更新的业务需求，踩了坑当然要总结了。后退更新的坑在于浏览器后退时，缓存文件的使用，JS 代码的执行。一、使用了缓存文件，从缓存方向解决直接禁用缓存，如meta禁用缓存（不可靠），在响应的 header 里面禁用换缓存（手机端）此方法行不通，因为有些浏览器会忽略这个头部二、bfcache 与 pageshowbfcache，即back-forward cache，可称
转载
2023-07-18 10:30:56
288阅读
问题描述：若存在一个页面包含超链接，点击跳转之后，此时点击浏览器的后退按钮的话，页面是不会重新渲染的（js什么的是不会再执行的，页面也不会重新挂载，通过观察 window.addEventListener(‘load’,handler) 这里的handler不执行可以得出），这是因为浏览器的“往返缓存(back-forward cache - bfcache)”特性。问题根源：back-forwa
