使用chrome調試微信/QQh5頁面

歡迎訪問我的博客https://qqqww.com/,祝碼農同胞們早日走上人生巔峯,迎娶白富美~~~

文章目錄

1 前言

由於最近調試H5,客戶那邊只有一個鏈接,得想辦法重現bug並且還要能調試,就用了這個方法,而且因爲有點忙,此文檔只做記錄,所以沒有配很詳細的圖,有原始參考文章在下面我會貼出鏈接,或者還有疑問的可以直接評論或者聯繫我

2 debugx5.qq.com

打開微信任意一個聊天界面,輸入"debugx5.qq.com",發送,點擊已經發送出去的這條消息,可以進入到"X5 調試頁面,反正從手機微信進入這個調試頁面就對了

勾選"打開TBS內核Inspector調試功能"和"打開TBS內核X5jscore Inspector調試功能"

這個我參考的文章裏面寫的不詳細,應該是勾選了TBS內核Inspector調試功能和TBS內核X5jscore Inspector調試功能之後,還需要進入菜單欄的渲染,往下翻,有個目標網址,默認的是baidu.com,給填上你需要調試的H5頁面的URL,記得一定要加協議,就是http或者https這些東西,不然打不開

3 手機連接電腦並打開開發者選項和USB調試

這裏相信大部分開發者都會吧,原文上讓用什麼adb devies指令檢測是否連接到電腦上,如果這樣的話就還需要去搭建一個Android環境,所以沒必要,簡單粗暴,刷機精靈之類的工具,連接上去,就是我們以前刷機那一套,至於怎麼打開開發者選項和USB調試,網上答案不計其數

4 Chrome設置

在瀏覽器地址欄中輸"chrome://inspect/#devices”

打開該頁面出現你的手機信息就OK了

這個時候點擊頁面上基本都在最後一行有一個x5頁面下面有一個inspect

5 參考文章

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章