來自公衆号：小白學黑客

程序員，尤其是前端程序員可能都知道什麼是F12大法：按下F12，啟動浏覽器的調試窗口，網頁的秘密一覽無遺。

通過浏覽器的調試窗口，我們可以看到浏覽器和web服務器的所有通信數據，網頁的源代碼、Ajax請求、Cookie、Session信息都能盡在掌握，這對于我們分析前端問題，窺探通信數據都非常有幫助。

但你有沒有想過，你在打開這篇文章的時候，微信和它的後端服務器傳輸了什麼内容？評論留言是怎麼獲取的？打賞信息又是怎麼加載的？微信不允許外鍊又是怎麼實現的？

但遺憾的是，在浏覽器中打開公衆号文章時候，包括閱讀、點贊、在看、留言、贊賞在内的很多數據都沒有進行展示，這些數據隻能在微信客戶端裡面才會出現，我想很有可能是為了防止爬蟲獲取到這些信息。

如果能夠像在浏覽器中那樣調試微信公衆号文章，就能看到這些信息了。

好消息是：還真有辦法！。

說明：本文針對的是微信PC客戶端。

微信的PC端其實内置了一個浏覽器：

點擊公衆号文章後，将彈出一個窗口打開文章，負責展示，這個進程是wechatweb.exe：

【PS：WeChatApp.exe是加載小程序的進程】

查看它的啟動參數：

可以看到，這實際上是一個Chromium核心的浏覽器進程。事實上，微信内嵌的這個浏覽器是基于Chromium嵌入式框架開發，這是一個開源項目：

微信浏覽器的F12大法

既然基于Chromium，那就有F12大法，隻不過被微信隐藏了。但騰訊的開發小哥哥們肯定也要調試使用啊，他們怎麼做呢？

第一步：定位到浏覽器的工作目錄

下載一個devtools_resources.pak工具包用于支持調試，并放置到工作目錄下，工作目錄可以查看浏覽器進程的命令行參數獲得（上面圖中綠色畫出部分resources-dir-path）

第二步：給微信添加啟動參數-remote-debugging-port=8000

添加後重啟微信生效。

第三步：

點開公衆号文章，啟動内置浏覽器，然後右鍵菜單會增加幾個選項：

點擊Show DevTools，調試窗口将會打開。開始你的F12大法吧！

檢查元素：

網絡通信：

Cookie信息：

最後：F12真香！

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部