微信瀏覽器:簡單三步打開調試工具


必備工具

如果已經載完了,可以略過這段筆記,直接開始。

  1. 為什么用 WeChat 3.2.1 版本?
    在 3.3.x 之后的版本里,禁用了右鍵和查看 chrome://version 的功能。
    請新版本用戶自覺換上舊版,相信代碼,請勿玄學。
    如果想新舊版本切換着用,直接把重命名安裝目錄即可。只要命名一致,快捷方式什么的都不會受影響。
  2. devtools_resources.pak 是干嘛用的?
    這個是Chrome開發者工具的非本地化資源,微信默認是不帶的,所以開不了工具。
  3. 那個網頁是什么?
    網頁的作用是看到瀏覽器內核所在的路徑,讓我們知道 pak 文件放在哪。

你也可以自己建一個 html 放在服務器上,代替第3點的網頁,網頁代碼如下:

<html>
  <script type="text/javascript">
    window.open('chrome://version')
  </script>
</html>

開始

第一步:安裝舊版微信,查看內核路徑

下載安裝微信3.2.1版本,我的安裝路徑是C:\Program Files (x86)\Tencent\WeChat
如果你自定義了安裝路徑的話,那么待會心里默默替換一下~

打開微信,體驗完遠古時期的掃碼登錄后,找一個你的樂色桶好友,發送鏈接https://conneleo.gitee.io/
點擊打開這個鏈接,會自動打開微信內置的瀏覽器,並且展示瀏覽器內核信息,如下圖所示:
image
注意選中部分 C:\Users\Admin\AppData\Roaming\Tencent\WeChat\All Users\CefResources\2589,待會第二步要用。

第二步:放入 pak 包

把剛下載的devtools_resources.pak文件復制到剛才選中的路徑里面:
image

安裝路徑里也復制一份:
image

第三步:添加端口並重啟微信

找到桌面上的微信快捷方式,右鍵屬性,在“目標”的后面添加-remote-debugging-port=8000

注意和前面的字符串中間隔一個空格。

確定后重啟微信,點擊登錄,手機確認登錄。所有配置就完成了。

結語

一頓操作猛如虎,進入微信內置瀏覽器空白處右鍵,會多出一個Show Devtools,如下圖所示:
image

恭喜您點亮了一套新技能:F12!

image

開玩笑的,按 F12 不會有反應,只能右鍵打開 =.=


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM