【原創】如何使用電腦上的谷歌瀏覽器來除錯移動端頁面

weixin_33968104發表於2017-08-28

前提:手機和電腦上都需要安裝谷歌瀏覽器

第一步:需要將自己的手機調成開發者模式,一般的安卓手機都是找到手機的版本號,然後連續點選7次左右,如圖1所示:

4905353-02c26c8722e88eed.jpg
圖1

第二步:開啟手機的設定選項,找到開發者選項

4905353-bfe8217899301271.jpg
圖2

第三步:將開發者選項和USB除錯都開啟

4905353-9c98815b64eecc5d.jpg
圖3

第四步:開啟電腦上的谷歌瀏覽器,調出控制檯,並點選圖4和圖5中箭頭所指部分

4905353-8061c5553f1fe914.jpg
圖4

4905353-4e59918440d490ea.jpg
圖5

第五步:在之後出現的頁面中要保證右邊setting部分的第一個選項:Discover USB devices是選中狀態,如圖6

4905353-e899bf0ef21e0612.jpg
圖6

第六步:用你資料鏈連線你的電腦和手機,手機就會彈出一個連線提示,如圖7所示,點選允許即可

4905353-70afde6ee5369d69.jpg
圖7

第七步:在電腦上開啟谷歌瀏覽器並輸入chrome://inspect/,同時在手機上開啟谷歌瀏覽器,並輸入要除錯的網頁,如百度,點選inspect就可以除錯頁面啦

4905353-2c57cc976c9e6eec.jpg
圖8

最後就是inspect的頁面啦

4905353-bb7c556be4c0333c.jpg
圖9

相關文章