移動端WEB開發真機測試

標籤：

關於移動端WEB開發真機測試親身實驗的一些體會。

之前的開發都用Chrom的類比，但是效果畢竟不如真機，總結幾點吧，至於詳細的安裝過程網上都有教程http://www.cnblogs.com/xiaohuochai/p/5512051.html，這裡就不在贅述。

BrowserSync是基於Node.js的，是一個Node模組，所以需要先安裝nodejs（之後都在它之上進行的(*^__^*) 嘻嘻……）　BrowserSync能讓PC、各行動裝置上的頁面同時即時地回應檔的更改，而不用重新整理操作~~

大概過程就是：

  1.安裝node.exe

  2.下載npm解壓

  3.配置一個path為放node.exe的路徑，和NODE_PATH為node_modules的路徑

  4.安裝express：開啟cmd命令列(在nodejs目錄下，先按住shift按鍵，再點擊右鍵，出現"在此處開啟命令視窗"選項並點擊)，使用命令列定位到這Node目錄下，鍵入指令npm install express

　5.安裝完成後，在命令列裡面輸入node -v如果輸出nodejs的版本則安裝成功

-------------------------------------

接下來就是對browsersync進行安裝 監聽咯，當然也可以在你方便的案頭上進行安裝監聽（http://www.cnblogs.com/eva1963/p/5149168.html）--》注意文章末尾啟動並執行命令的寫法不清晰可以參考第一個（http://www.cnblogs.com/xiaohuochai/p/5512051.html）

在整個過程中都很順利，就在最終start的時候網頁開啟發現是Cannot Get到這裡在想是什麼問題。。。。。。。

細心的人最終會發現在開啟瀏覽器的時候直接是localhost:3000而不是你的項目最終路徑呢~~~（localhost:3000/one/index.html）

移動端WEB開發真機測試