五月已經過去一大半了，心情不太好，因為太困沒狀態，所以剛剛去跑了好幾圈，心情終於沒那麽郁悶了，來吧，今天要記錄的是在做移動端網頁時如何真機測試。

網上方法有很多，我就掌握一個就夠了<攤手>

BrowserSync 能讓PC,移動端上的頁面實時地響應文件的更改，並不用刷新操作。而且，當在一個設備上進行點擊等行為時，該行為也會同步到其他瀏覽器中。

《1》安裝

BrowserSync是基於nodejs的，所以在安裝它之前，請確保自己的電腦已經安裝好nodejs咯。關於nodejsde 安裝不想啰嗦了，因為太多東西都是基於nodejs安裝好嗎。

nodejs安裝完成後，才開始對BrowserSync進行簡單設置，包括安裝與監聽

<1>BrowserSync安裝

打開終端窗口，輸入

npm install -g browser-sync

稍等一會就安裝成功咯。

<2>BrowserSync監聽

進入你的項目路徑下，files路徑是相對於當前路徑的，如果需要監聽多個類型的文件，需要用逗號隔開。

browser-sync start --server --files"css/*.css,js/*.js,*.html"

<3>移動端設置

若使用移動端則首先先保證移動端設備和桌面端設備處於同一局域網（用電腦開360無線wifi,然後手機連電腦的wift就可以）。在手機端訪問終端上顯示的地址：http://192.168.1.0.245:3000,實際情況根據自己的終端顯示。

that ‘s all.

關於移動端web開發的真機測試