vscode+Firefox實現前端移動真機測試

需要配件:

1.安裝有火狐瀏覽器的移動端(手機);

2.安裝有火狐瀏覽器和vscode的pc(電腦);

3.在vscode安裝Live Server 插件

 4.安裝之後vscode右下角會有Go Live這個標識

 5.點擊 Go Live 會在默認瀏覽器打開一個網頁,我設置的火狐爲默認瀏覽器,直接打開火狐

下面是我的火狐跳轉頁面

6.通過火狐自帶網址二維碼小功能,實現移動端局域網內同步訪問

 7.這其中有一個小細節

這是本機的目前IP,通過查看自己pc在局域網內的臨時IP,來同步 vscode中的Live Server中的host 如圖

8.還是寫下如何查看自己pc的IP吧

總結:最近在學前端移動web,關於如何真機測試,費了點時間,以上是本人目前最好的解決方法,有好的解決方案,隨時更新記錄...

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章