瞭解通過Chrome開發工具跟蹤請求的層次結構

Question

我想了解更好的跟蹤請求和響應，如對cookie，緩存等（讀，寫，更新）的操作。

與Lightbeam等其他工具相比，我特別有興趣瞭解誰是第三方。所以我想了解請求的層次結構（這個觸發另一個請求）。

我曾嘗試使用Chrome開發工具來理解這一點，但還沒有弄明白。有沒有辦法做到這一點？

Answer 1

保留Shift同時懸停在查看其啓動程序和依賴關係的請求上。

參見View initiator and dependencies。

當然，網絡面板表中的啓動器列也告訴你一個請求的啓動器。