相信很多前端開發者都有開發過移動端web，那么我們如何用手機測試開發的網頁？

以下介紹兩種方法：

方法一：利用nodejs搭建一個服務器

編碼本人已經實現，有興趣可以看看，把需要測試的網頁放到node-server下邊的root文件夾即可的http/webroot文件夾下即可。

實現代碼已經上傳到Github，不需要安裝下載即可使用，詳情請參考Github文件中readme文件。

Github地址：https://github.com/XieTongXue/how-to/tree/master/node-server

方法二：利用開發工具

以webstorm舉例，起一個服務器然后將localhost改成本地IP地址，用草料二維碼將網址生成二維碼，

即可用跟電腦連了同一個局域網的手機掃描二維碼查看網頁效果。

步驟：

?

（1）打開設置setting面板

（2）找到Build，Execution，Deployment選項中的Deployment選項，右側會出現+號，點擊填寫名稱tomcat，type選擇Local or……，然后點擊OK。

（3）配置tomcat服務器。首先是connection選項卡，其中的upload/download project files選擇要部署到tomcat服務器目錄，webserver root url則是用來運行該站點的地址。

（4）配置Mappings。Local Path：是要部署的項目文件夾地址。Deployment Path是一個相對路徑，是與（3）中upload/download project files的地址的相對路徑。

---

到此為止，一個tomcat服務器的部署就配置好了。

---

（5）然后就是要將文件上傳到tomcat目錄下。選擇tools菜單–>Deployment–>upload to tomcat即可。

（6）為了進一步簡化操作，可以將upload to tomcat按鈕添加到工具欄中。

總結

以上是生活随笔為你收集整理的基于nodejs实现本地网页服务器-实现手机测试电脑开发的移动端网页的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。