歡迎訪問我的博客https://qqqww.com/挽铁,祝碼農(nóng)同胞們早日走上人生巔峰坷备,迎娶白富美~~~
1 前言
由于最近調試H5叹洲,客戶那邊只有一個鏈接,得想辦法重現(xiàn)bug并且還要能調試飒货,就用了這個方法,而且因為有點忙峭竣,此文檔只做記錄塘辅,所以沒有配很詳細的圖,有原始參考文章在下面我會貼出鏈接皆撩,或者還有疑問的可以直接評論或者聯(lián)系我
2 debugx5.qq.com
打開微信任意一個聊天界面扣墩,輸入"debugx5.qq.com",發(fā)送,點擊已經(jīng)發(fā)送出去的這條消息呻惕,可以進入到"X5 調試頁面盘榨,反正從手機微信進入這個調試頁面就對了
勾選"打開TBS內(nèi)核Inspector調試功能"和"打開TBS內(nèi)核X5jscore Inspector調試功能"
這個我參考的文章里面寫的不詳細,應該是勾選了TBS內(nèi)核Inspector調試功能和TBS內(nèi)核X5jscore Inspector調試功能之后蟆融,還需要進入菜單欄的
渲染
草巡,往下翻,有個目標網(wǎng)址型酥,默認的是baidu.com山憨,給填上你需要調試的H5頁面的URL,記得一定要加協(xié)議弥喉,就是http或者https這些東西郁竟,不然打不開
3 手機連接電腦并打開開發(fā)者選項和USB調試
這里相信大部分開發(fā)者都會吧,原文上讓用什么adb devies
指令檢測是否連接到電腦上由境,如果這樣的話就還需要去搭建一個Android環(huán)境棚亩,所以沒必要,簡單粗暴虏杰,刷機精靈之類的工具讥蟆,連接上去,就是我們以前刷機那一套纺阔,至于怎么打開開發(fā)者選項和USB調試瘸彤,網(wǎng)上答案不計其數(shù)
4 Chrome設置
在瀏覽器地址欄中輸"chrome://inspect/#devices”
打開該頁面出現(xiàn)你的手機信息就OK了
這個時候點擊頁面上基本都在最后一行有一個x5頁面
下面有一個inspect