手機實時訪問本地網(wǎng)頁

操作步驟:

1.vscode安裝插件:Live Server
image.png
2.修改vscode live server插件的配置:文件--首選項--設(shè)置
image.png
3.添加配置支持移動端實時查看靜態(tài)或者動態(tài)網(wǎng)頁

“l(fā)iveServer.settings.useLocalIp”:true,
“l(fā)iveServer.settings.host”: “l(fā)ocalhost”

修改配置后,記得重啟vscode讓配置生效。
完成,此時修改html文件后即可實時在手機上看到效果。

PS
以上操作原理為:創(chuàng)建本機局域網(wǎng)
使用live server插件方式,在html文件右擊選擇Open With Live Server即可:

image.png

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容