如何識別網頁上正在更新的數據字段的來源

Question

我正在嘗試從網站保存數據。有在HTML領域看起來像這樣

<td class="data-value" id="v0">yellow</td> 

其中文本yellow改變用戶移動鼠標在網頁上。 （要明確，如果我只是做「查看源代碼」，這些字段不會出現在源代碼中，但如果我使用Chrome開發工具並執行「查看元素」，我可以看到這一點。）

我想查找並保存這個文本的來源，我很確定這是從JSON以某種方式來的，但我並不熟悉該網站似乎正在使用的Ajax和其他工具。

那麼，有沒有一種方法來確定文本來自哪裏並訪問它？換句話說，我希望能夠解析HTML，並確定要查看正在填充此文本的JSON所做的調用。

Answer 1

文本可能是遠程生成的，在這種情況下，您將不得不模擬相同的AJAX請求來訪問所有的情況。

如果文本存儲在本地（Javascript），您可以通過事件訪問它。第一步是確定事件的類型。這是一個onmouseover還是onmousemove？什麼是事件回調附加到？該頁面或元素是否被「覆蓋」？

使用調試器識別這些條件後，您將能夠搜索HTML和JavaScript引用，以瞭解這些事件在代碼中的位置。這將引導您進入回調函數（決定發送哪些文本的函數）。這個回調可能會執行AJAX，它可能有一個本地表，或者它可能是每個元素的不同回調。無論你走到哪裏，在那一刻你都會知道你的腳本要查看哪個文件來解析你正在查找的數據。