WebStorm設(shè)置服務器-局域網(wǎng)內(nèi)其他設(shè)備訪問(移動端手機訪問)

最近本人使用WebStorm開發(fā)web移動端應用時候,準備用手機體驗頁面效果,無奈只能將頁面打包布置到服務器,然后訪問網(wǎng)絡服務器,這種體驗相當?shù)姆爆崱?br> 下面我就來介紹一種簡單方便的方法:(mac版示例)

1.讓手機和電腦處于同一局域網(wǎng)下(我是通過電腦連接手機分享的熱點)。

2.首先需要允許你的服務被外部訪問
圖片

File->settings->Debugger->port:8081->勾選 can accept external connections –>apply.

3.部署環(huán)境

圖片

將Web server root URL: 設(shè)置為連接熱點或局域網(wǎng)的IP,
Deployment->選中”+” → 設(shè)置Name,Type 后,點擊OK。

3.設(shè)置項目路徑

圖片

設(shè)置完成后,點擊Apply→OK,完成設(shè)置。

現(xiàn)在使用webstrom打開項目頁面,可以看到頁面的ip就是局域網(wǎng)的ip,此時所有人在局限網(wǎng)里的人都可以訪問你的網(wǎng)頁。

如果你的瀏覽器帶有生成二維碼插件,可以直接把url鏈接生成二維碼,移動端手機直接掃描即可。

掃描下方二維碼關(guān)注我

零距離仰望星空
在此感謝各位讀者的來訪,您的關(guān)注是我寫作分享的最大動力。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

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

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