最近在弄專案，用WebView載入一個頁面，想追蹤頁面中一個按鈕的點選事件。這個可能就需要除錯這個頁面了。而關於WebView除錯頁面，我覺得有點麻煩，所以這裡直接利用PC端的Chrome瀏覽器進行除錯即可。因為Chrome瀏覽器可以支援預覽手機頁面。關於需要除錯的頁面地址為：https://ds.alipay.com

下面就來開始直接進行除錯功能，首先我們在PC端用Chrome開啟這個連結：

我們會看到這個頁面並不是我們在Android端看到的頁面，所以這裡應該是這個頁面做了適配，對於移動端和PC端展示不同的頁面，而這個可以根據網頁請求的UA資訊進行判斷的，我們可以用Fiddler抓包看看：

這個是PC端請求的，看到User-Agent資訊攜帶了PC端的作業系統資訊。再看看移動端：

這個可以看到User-Agent中攜帶了Android作業系統，裝置機型等資訊。

所以下面我們想要在Chrome除錯移動端資訊，這時候就利用Chrome的一個模擬移動端資訊功能。我們在這個頁面按下F12進行預覽頁面資訊：

我們這裡選擇N5機型，然後開始除錯，首先我們定位到我們想要除錯的按鈕元素點選事件。點選左上角的箭頭按鈕：

然後選中頁面，按鈕元素，檢視右邊欄的事件資訊，這裡我們關心的是點選事件，所以看到是一個a.open樣式，這裡想到他後面會用CSS的選擇器功能找到，這個標籤然後新增點選事件，我們這時候全域性搜尋open字串即可。在下邊欄使用Ctrl+Shirt+F全域性搜尋open字串資訊：

然後我們可以逐個點選去進行觀察，這裡需要注意的是，在點進去之後的每個檔案，為了防止搜尋資訊遺漏，可以在檔案中使用Ctrl+F

我們逐個分析之後，定位到這裡看到這個是我們想要的資訊，這裡用了CSS的選擇器功能，給a.open新增點選事件。在這裡下個斷點即可。直接點選邊欄行數處即可下斷點。這時候我們重新整理頁面，然後再去點選按鈕，觸發斷點：

在右邊欄中，檢視斷點資訊，我們可以單步跳出和單步跳入。一步一步往下走，當執行到一處會發現js資訊非格式化的時候，可以選擇檔案的左下角方括號按鈕進行js檔案格式化即可：

然後就繼續跟蹤，最終到了這個關鍵地方：

到了一個gotoPage函式，然後在右邊欄中看斷點資訊，發現了支付寶的包名和啟動支付寶的scheme協議，在js函式中也可以看到。而我們知道在Android中啟動一個應用的某個頁面，可以利用包名和activity名稱啟動，也可以利用Intent的協議啟動，當然我們也可以在一個網頁中啟動一個應用，那就需要藉助Intent的scheme協議，關於這部分內容，大家可以自行搜尋即可。

到這裡，我們就分析完了，其實內容不復雜，但是學到了一個新技能，就是在我們移動端載入頁面的時候可能遇到一些問題，這時候需要進行除錯，我們就可以利用這種方式，定位到具體問題和找到我們想要的資訊即可。

《Android應用安全防護和逆向分析》

點選立即購買：京東  天貓

更多內容：點選這裡

關注微信公眾號，最新技術乾貨實時推送