如何本地搭建手機可訪問的web網頁

  在作前端開發過程當中,網頁開發會適配移動端設備,可是,僅僅使用谷歌的手機模式開發,並不能徹底與真機保持一致,因此,如何能在網頁開發的過程當中,實時同步的真機測試,我這裏有一些簡單的經驗。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)便可在手機上訪問本身的項目網站

  至此,一個簡單的手機可訪問的項目就建立成功了

相關文章
相關標籤/搜索