Chrome Network Inspector：是否可以找到特定DOM元素的調用？

Question

我有一個表，該表充滿了從API調用接收到的數據。 是否有可能以某種方式將Chrome的網絡檢查器“鎖定”在此元素（=表）上，並使其僅顯示與之相關的調用，而不顯示頁面其余部分中的每一個調用？ 也許可以通過擴展來實現？

Answer 1

我會說這不可能實現，因為：

1. 視圖和邏輯在（現代）前端應用程序中也分開。 因此，應用程序可以在啟動時從服務器請求JSON文件，然后將這些信息傳遞給整個應用程序（表等）。
2. 表本身並不調用端點，而可以由具有預填充數據的函數生成。

您可以獲得的最接近的是：

• 在Chrome中記錄屏幕截圖，以查看表格何時填滿。 在那里您可以看到在這段時間內撥打了哪些電話：

• 戰后知道呼叫的“名稱”是什么，您可以將其放入過濾器/搜索字段並重新加載頁面。 之后，您將始終只看到所選的呼叫，並且可能負責填寫表格。

---

當然，您也可以手動說：

1. 桌子里面是什么？ 它顯示哪些信息？
2. 然后通過api調用並在響應正文中查找信息
3. 識別出呼叫后，請在chrome開發工具中對其進行過濾。

如果您想進入下一個級別：

• 將調用復制一個cUrl（通過右鍵單擊該調用）並將其插入Postman中，然后安裝Postman Inceptor 。 之后，您可以將網站呼叫（用於您的桌子的呼叫）傳遞給Postman，以便您可以仔細查看它，也可以在每次需要特定呼叫時重新調用它。

總結一下：找出哪個呼叫具有您的表格信息，使用Postman Inceptor提取呼叫並將其傳遞給Postman。 然后，您可以對其進行分析或做任何您想做的事情。