1. 程式人生 > >Chrome除錯通過事件監聽獲取攜程目的地彈出層HTML程式碼

Chrome除錯通過事件監聽獲取攜程目的地彈出層HTML程式碼

問題概述

登入攜程首頁 http://www.ctrip.com/ 單機目的地對話方塊會出現城市列表。如下圖所示。我們希望一次得到所有城市程式碼。

這裡寫圖片描述

通過chrome除錯工具嘗試選擇這個對框畫,並在Elements標籤內看到對應的HTML程式碼。但點選下圖中的元素選擇按鈕時對話方塊就消失了,無法被選擇也,無法檢視元素。

這裡寫圖片描述

藉助事件監聽選中彈出層

設定單擊事件監聽:
1. EventListenerBreakPoint
2. Mouse
3. click

隨後單擊頁面,此時發生中斷。這時點選元素選擇按鈕,此時
浮動層不會消失。接著選中彈出層,最終會在Elements標籤中
看到城市編碼資訊。

這裡寫圖片描述