最近本人使用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)注我

零距離仰望星空