移動端H5調試基礎
適用場景
此文檔描述場景適用于Android機型及Chrome內核的瀏覽器
參考文檔
Chrome Developer開發(fā)文檔鏈接(需要梯子)
https://developer.chrome.com/docs/devtools/remote-debugging/
步驟
一、打開手機USB調試模式
不同廠商及系統(tǒng)的打開方式不一致,具體機型請百度
開啟手機調試模式
示例:鴻蒙os
1、打開【設置】,然后在設置界面找到【關于手機】點擊進入到關于手機界面;然后在界面中,連續(xù)點擊【五次版本號】即可進入到開發(fā)者模式中,只有進入到此模式中,才能有開發(fā)者選項功能,進行USB調試;
2、依次進入【設置】-【系統(tǒng)和更新】-【開發(fā)人員選項】-【USB調試】
小米
1、【設置】-【我的設備】 -【全部參數(shù)】 -【MIUI版本】連續(xù)點擊五次
2、【開發(fā)人員選項】-【USB調試】
連接數(shù)據(jù)線
等待系統(tǒng)安裝驅動,確認手機系統(tǒng)下拉通知欄中有一個【已連接USB調試】提示
如果驅動有問題,請百度
二、在Chrome中打開調試頁
在Chrome地址欄輸入chrome://inspect/#devices 并打開

三、真機調試
找到手機上已打開的移動端頁面,點擊inspect打開devTool,此步驟需要梯子,待完整打開devTool后可關閉梯子



浙公網(wǎng)安備 33010602011771號