資料
準(zhǔn)備工作
- PC 端安裝 谷歌瀏覽器
- 手機需要開啟【開發(fā)者模式】->【USB調(diào)試】
- 手機數(shù)據(jù)線
- 項目需在PC端本地起一個服務(wù)運行
開始操作
- 本地起服務(wù)（以 vue 開發(fā)為基石的）
- 我這里使用的是 vue-cli 構(gòu)建的項目，運行方法
npm run dev，默認(rèn)的是8080端口號楷拳，我這邊因為開啟了多個項目退渗，所以是8081端口
image.png
- 上圖證明已編譯成功
- 在
Chrome瀏覽器中騷操
- 谷歌瀏覽器打開
http://localhost:8081地址
image.png
-
F12打開開發(fā)者工具床嫌，依次找到More tools->Remote devices(遠程設(shè)備) ->setting->port forwarding(端口轉(zhuǎn)發(fā))瓮具，之后點擊 【Add Rule】蜈项，輸入 【8081】端口號 + 手機端需要請求的地址localhost:8081，最后點擊【Add】按鈕保存皿桑，下面為 GIF 圖演示
Animation46.gif
- 上面的是電腦端操作，下面是手機端操作
- 用數(shù)據(jù)線將手機和電腦連接，開啟手機的【開發(fā)者模式】->【USB調(diào)試】,多個型號開啟方法不盡相同诲侮，可自行百度
- 手機端打開瀏覽器測試
- 小米手機自帶瀏覽器測試成功
http://localhost:8081 -
UC瀏覽器測試成功http://localhost:8081 -
Chrome瀏覽器測試成功localhost:8081唯一的方便之處是不需要輸入?yún)f(xié)議前綴了
- 小米手機自帶瀏覽器測試成功
