fetch の中断と Back/Forward Cache からの復元で発生する奇妙な現象について - mizdra's blog

TL;DR あるリソースの fetch 中にページ遷移すると、一部ブラウザでは fetch が中断される 中断されると、TypeError が throw される ページ遷移時は、ブラウザによって遷移前のページの実行が"停止"され、"捨てられる"ので、通常 throw された後のことは考えなくて良い しかし、そのページが Back/Forward Cache から復元されうるなら、話は別 ブラウザバックすると、エラーが throw された後からページが再開される！！！ そして発生する、奇妙な現象の数々... はじまりは、あるサービスの不具合報告 ある日、「Webサービスから外部サービスにページ遷移した後、ブラウザバックで戻ると、エラー画面が表示される」という不具合が報告された。どうも Webサービスの ErrorBoundary で何かしらのエラーが catch され、それによってエラー画

[NetPenguin]

バグ技感あるw "ブラウザバックすると、エラーが throw された後からページが再開される！！！"

[ms2sato]

ドキュメントによると、通信中の処理を止めるなりして再表示時に再接続が適切な対応らしいですね。 https://web.dev/articles/bfcache?hl=ja#always_close_open_connections_before_the_user_navigates_away

[door-s-dev]

エラー発生時はキャッシュしないのが良さそうだけど、そうゆう制御はできないのかな/というかこれがデフォルトの動作であってほしい。Firefox、Safariの実装が微妙かな

[Falky]

bfcache、ヤバい罠多いよな…。たとえばマイページでログアウトボタンをポチッとして、ふう安心、ってブラウザバックしたらログイン状態のマイページ丸見えとかさ。なに考えてんだよ…。

[efcl]

ページ移動でリクエストが中断されると、中断されたことに対してページを書き換えてるケースだとBFCacheにエラーページが出る問題。 videoの再生時に移動するとabortイベントが出てプレイヤーにエラーが表示されるのと同じ

[at_yasu]

戻るボタン、昔からむずい