在我們工作過程中，常常會遇到在PC端開發(fā)適配各個尺寸的移動端設備。那么如何進行測試呢？下面我們列舉幾種常見方法。

chrome模擬器

利用我們偉大的Chrome瀏覽器的模擬手機屏幕。

然后我們通過左上角的Device進行選擇我們所需測試的設備

真機測試

1. 將文件傳入各個設備中，利用實際的真機測試各個移動端的適配情況，這樣的方法個人覺得適合最終版或者有較大改動時進行。否則在開發(fā)過程中我們不可能每寫完一句代碼就往設備中傳一個吧。
2. 讓你的PC機和設備，在一個局域網(wǎng)內(nèi)（同一IP段），然后利用wamp開啟一個服務，然后將文件放在www目錄下。
3. 原理同上。browsersync軟件開啟一個服務，這個比較簡單。
   首先，確保已安裝nodejs（利用其中的包管理工具），然后輸入命令安裝 npm install -g browser-sync（如果安裝慢可以選擇用cnpm代替npm，具體怎么安裝cnpm百度下即可），在全局中安裝browsersync命令包。
   安裝成功后我們就可以在想要測試的文件目錄下，在DOS窗口或者git bash(安裝git時贈送的)輸入：browser-sync start --server --files "css/*.css, *.html"，即可開啟服務，如下圖：
   
   。
   這樣我們就可以在移動設備中輸入網(wǎng)址： http://192.168.1.102:3000/文件名.html ，進行測試了。
   需要注意的就是當我們目錄下有index.html，開啟browser-sync會默認給你引導到index.html。當我們此目錄中有多個帶側文件，我們就需要在端口后加“/文件名.html”來指定我們要測試的頁面