如何在dom完成後解析由javascript加載的內容

Question

我一直在研究解析來自WOW庫的一些數據，並且遇到了一些問題。當提到玩家收到的成就時，它會使用javascript來嘗試諸如#73:1283之類的字符串以顯示請求的信息。 （我創建了這個數字，但是請求的數據是這樣形成的）。

1. 是否有可能從需要JavaScript顯示其數據的頁面的數據？
2. 如何解析dom準備完成或使用php完成後加載的網站的數據？

Answer 1

通過使用螢火蟲，我能看HTTP頭看到正在做出什麼AJAX調用產生這些網頁上的內容：http://us.battle.net/wow/en/character/black-dragonflight/glitchshot/achievement#96:14861和http://us.battle.net/wow/en/character/black-dragonflight/glitchshot/achievement#96

它看起來頁面正在進行異步調用以加載此頁面：http://us.battle.net/wow/en/character/black-dragonflight/glitchshot/achievement/14861當散列之後的部分爲96：14861時，並且在散列之後的部分僅爲96時調用http://us.battle.net/wow/en/character/black-dragonflight/glitchshot/achievement/96。這兩個頁面都返回可以解析的XML呈現HTML。

所以一般來說，如果散列後面只有一個數字，只需將http://.../achievement/<number here>作爲URL即可。如果有兩個數字，請將第二個數字放在URL的末尾。

你需要做的，而不是拉動Javascript並解釋它，就是在PHP中自己對這些URL發出HTTP請求（例如使用cURL）並自行解析數據。

我真的很推薦學習JavaScript和jQuery，因爲要真正構建一個很好的網站來從WoW Armory獲取信息而不理解後臺正在進行的所有AJAX加載。

Answer 2

我建議您查看是否可以複製JavaScript中由PHP發送的查詢。雖然我不相信有一種方法可以在PHP中處理JavaScript，但肯定不是一種簡單或可擴展的方式。

我會嘗試掃描您使用PHP下載的第一頁的源代碼，以獲得您提到的那種格式的字符串。然後，如果他們網站上的JS正在查詢類似http://www.wow.com/armory.php?id=#72:1284的東西，那麼您可以下載下一個的源代碼。您可以通過FireBug或Chrome或Safari中的Inspector查找JS如何查詢服務器。

因此，在總結：

1. 檢查找JS URL格式，如果你能複製它。
2. 創建PHP來獲取主頁並提取所有字符串。
3. 創建PHP以遍歷這些字符串並獲取這些頁面（使用JS請求的URL）。
4. 做任何你想要的信息。

Answer 3

您可以嘗試jQuery的$（文件）.onready功能，這有助於 運行Java腳本代碼，當網頁加載起來。

前

<div id="wowoData">#4325325</div> 

<script> 
$(document).ready(
function(){ 
$("#wowoData").css("border","1px solid red"); 
} 

) 
</script>