在作前端開發過程當中,網頁開發會適配移動端設備,可是,僅僅使用谷歌的手機模式開發,並不能徹底與真機保持一致,因此,如何能在網頁開發的過程當中,實時同步的真機測試,我這裏有一些簡單的經驗。html
前端開發,離不開nodejs,這個強大的工具,使用nodejs的express能夠實現本地搭建服務器,手機可訪問,步驟以下:前端
1、安裝nodejs及配置相關環境node
一、下載nodejs,下載地址及網站:https://nodejs.org/en/download/express
2、新建文件夾並打開,文件夾窗口輸入cmd,並回車npm
3、命令行輸入:npm install -g express 瀏覽器
注:可能會出現安裝不成功的狀況,命令行輸入 express -V命令時,會顯示會顯示不是內部文件,從新輸入 npm install -g express-generator命令,從新安裝服務器
4、執行:執行 express hello 建立名稱爲hello的文件夾工具
5、跳轉至文件夾目錄 cd hello
6、 執行 npm install
7、 npm start 開始運行項目
8、 本地瀏覽器打開 localhost:3000便可訪問到頁面
9、 若是要訪問本身的html頁面 或者 項目時 將項目放置在public文件夾下 瀏覽器打開 localhost:3000/文件夾/index.html文件 便可訪問本身的頁面測試
10、打開手機 將localhost換成ip地址(個人是10.8.8.196:3000)便可在手機上訪問本身的項目網站
至此,一個簡單的手機可訪問的項目就建立成功了