0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

ひとりアドベントカレンダーチャレンジAdvent Calendar 2024

Day 6

ページの再読み込みによってDevToolsのログが消えてお困りのあなたへ

Last updated at Posted at 2024-12-05

表題の通り、Web開発をしている時にページのリロードが勝手に行われてしまって、ログが消え去り困っている方向けの記事です。

解決法

コンソールタブの設定から「ログを保持」にチェックを入れる!

  • いつものコンソールタブ
    スクリーンショット 2024-12-05 20.59.11.png

  • 2つあるうちの下の歯車マークをクリック
    スクリーンショット 2024-12-05 21.25.06.png

  • 出てきたチェックボックスたちの中にある、「ログを保持」(Preserve log)にチェックをいれる
    スクリーンショット 2024-12-05 21.27.17.png

これで完了です!

以降、ページ移動時にはログがリセットされる代わりに、以下のような「〜に移動しました」と言うログや、
スクリーンショット 2024-12-05 22.04.53.png

ブラウザバックしたときには「〜への移動がバックフォワード キャッシュから復元されました」など、
スクリーンショット 2024-12-05 22.05.43.png

かなりわかりやすくページの遷移がログに出てくれるようになります。
ブラウザバックした時にキャッシュを使用していることが明示的に示されているのはかなり良いですね...

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?