想像一個情境，你要檢查購物車結帳時發出的Checkout API。當你完成結帳動作時，Checkout API出現在 Network上。但當你要去查看的時候，Network 因為頁面被導向外部的支付頁面而刷新，你要的Checkout API 的紀錄就消失了。
為了避免這個尷尬的情況，Chrome DevTool 提供了 Preserve log 的功能，他讓 Network 的紀錄不會因為導向外部網站等等情況而刷新，會一直保存著 Network 的紀錄。
如何開啟 Preserve log :
很簡單，只要在 Network 上勾選 Preserve log 就可以了。
Console 的紀錄也可以 開啟 Preserve log
1.先點選旁邊的齒輪 Icon
Console 的選單就會出現，勾選 Preserve log 就可以了
甚麼情況下 Network 會刷新與不會刷新
最後再來聊聊甚麼情況下 Network 會刷新與不會刷新?
不會刷新-使用路由
在一般 SPA 網站內頁面切換不會刷新 Network ，這是因為這些切換是使用路由進行導覽。
this.router.navigate(['/home']);
會刷新
但是使用以下方式導覽會造成 Network 刷新
<a href="...">
window.location.href = '...'
window.location.replace(...)
在專案中，這些方法通常是在要導向外部網站時使用，如果是網站內的頁面通常都是用路由來導覽。
其他操作，如 頁面重新整理 與 直接輸入新 URL也會刷新 Network。
