最早開始調試移動端網頁時,本人都是采取PC上改幾行代碼,手機上刷新一下看效果這種笨方法來開發的,效率低而且容易讓人抓狂。最近偶然發現原來可以使用PC上的瀏覽器來調試移動設備,不由得感嘆相逢恨晚。
工具:
- Chrome瀏覽器(PC)
- Chrome Dev瀏覽器(移動設備)
步驟:
- 在移動設備上安裝Chrome Dev瀏覽器,可以在軟件市場找到,安裝完成后用該瀏覽器打開需要調試的網頁
- 在Chrome(PC)上輸入
chrome://inspect/
- 將移動設備通過USB與PC連接,期間會出現授權,是否打開USB調試等待操作選項,選擇允許/打開USB調試
- 等待一小會,device界面會顯示連接成功,可以打開新URL,或進行reload,close等操作

- 選擇inspect,就能像在PC上調試一樣在移動設備上調試網頁了

