編寫Web網(wǎng)站開發(fā)的時候,電腦瀏覽器都運(yùn)行正常,開發(fā)者工具模擬手機(jī)也正常晦譬,但不代表手機(jī)上真的正常,只能進(jìn)行手機(jī)真機(jī)調(diào)試互广,實(shí)時查看手機(jī)瀏覽器的控制臺和網(wǎng)絡(luò)情況敛腌。
方法其實(shí)很簡單:
- 安卓手機(jī)安裝手機(jī)版Edge或Chrome瀏覽器
- 手機(jī)打開開發(fā)者模式卧土,打開USB調(diào)試模式,具體不同品牌手機(jī)有不同方法像樊,自行搜索
- 手機(jī)USB數(shù)據(jù)線接電腦尤莺,彈出提示選文件傳輸,如果沒有彈出提示生棍,就證明你用的是充電線而不是數(shù)據(jù)線颤霎,必須換數(shù)據(jù)線!
- 電腦安裝Edge或Chrome瀏覽器涂滴,地址欄打開
edge://inspect
或chrome://inspect
友酱,你的手機(jī)設(shè)備就會出現(xiàn)在下面,Offline不要緊柔纵,那是因?yàn)槭謾C(jī)沒打開瀏覽器缔杉,但是如果沒有設(shè)備的話,檢查數(shù)據(jù)線搁料! - 點(diǎn)擊你想要Debug的頁面下面的inspect小字或详,實(shí)時查看控制臺吧!
USB聯(lián)機(jī)調(diào)試
你當(dāng)然需要把代碼放到云端服務(wù)器上獲得一個公共IP地址加缘,甚至解析一個測試域名鸭叙。不要在本地瞎折騰了觉啊,租個云服務(wù)器綁個彈性IP拣宏,隨用隨開,用完關(guān)掉杠人,一年下來也沒兩百塊錢勋乾,就可以不用發(fā)愁各種奇葩部署問題,而且運(yùn)行環(huán)境和最終產(chǎn)品一模一樣嗡善。
END