Chrome*
chrome模擬手機總共有四種方法，原理都一樣，通過偽裝User-Agent，將瀏覽器模擬成Android裝置。以下標星的為推薦方法。
1.新建Chrome快捷方式
右擊桌面上的Chrome瀏覽器圖示，在彈出的右鍵選單中選擇“複製”，複製一個圖示副本到桌面。右擊該副本，選擇“屬性”，開啟相應的對話方塊，在“目標”文字框的字元後面新增以下語句：“--user-agent="Android"”，如下圖：
注意user前面是兩個“-”，並且“chrome.exe”與“--user”之間有一個空格。確定之後，開啟這個新建的Chrome快捷方式，輸入3g.qq.com就可以瀏覽到像手機裡開啟一樣的頁面了。
2.一次性模擬iPhone和安卓手機
開始–執行中輸入以下命令，啟動瀏覽器：
模擬谷歌Android：
chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"
模擬蘋果iPhone：
chrome.exe --user-agent="Mozilla/5.0 (iPad; U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10"
這種方法僅供特殊情況下使用，因為重啟Chrome將不能恢復正常User-Agent，所以是一次性。
更多的user-agent請自行搜尋。
3.安裝外掛
外掛可以很方便切換各種user-agent，很方便，但是可能會稍微影像效能。
User-Agent Selector地址：https://chrome.google.com/webstore/detail/user-agent-selector/fnbmdojpgjpmjjmnjdnbobcdhenmmgod/related
從上圖可以看到，還有很多類似的外掛，其實功能都大同小異。
4：自帶模擬器*
開啟chrome開發者工具，按F12（r32版本）1，然後找到右上角的齒輪按鈕，開啟設定皮膚，選擇Overrides，勾上Show 'Emulation' view in console drawer（在控制檯檢視中顯示“模擬”）。
然後關閉設定皮膚，選擇Elements皮膚（非Console就可以），找到右上角開啟控制檯皮膚，選擇控制檯皮膚裡的Emulation皮膚，右邊有很多選項，選擇一個點選Emulate就可以了，Reset按鈕能恢復到預設狀態。
開啟模擬後，開啟http://yanhaijing.com，即可看到如下的手機下的介面
這種方法簡單好用，而且不需要重啟，推薦這種方法。
注意：以上第一種和第二種方法都需要將全部開啟的chrome視窗關閉，再開啟才能起作用。
Firefox
1.修改user-agent
和chrome一樣安裝外掛修改user-agent的方法
具體方法移步這裡：http://blog.sina.com.cn/s/blog_645813a30100qf68.html
2.火狐響應式設計+修改user-agent*
最近的火狐自己新增響應式設計功能和3D試圖都很棒，開啟火狐自己的控制檯（非firebug），找到右上角的響應式設計按鈕。
開啟後即切換到響應式設計介面
但我們看到開啟QQ的站點並未被自動引到QQ的移動頁面，這樣只對響應式設計的介面起作用，對想QQ這樣雲端判斷，返回不同頁面的並不適應，這裡就要配合上面的方法，再改下user-agent，即可實現類似chrome的除錯功能。
3.Firefox OS 模擬器
安裝完成後可開啟如下介面，可用裡面的瀏覽器開啟網站即可，但這種方法開啟的是電腦網站，而不是手機網站，也就是他的user-agent不是手機的，故對響應式介面起作用，對判斷user-agent的網站不起作用，訪問qq，baidu等返回的都是電腦介面。
Opera*
1.修改user-agent
和chrome和firefox類似，可自行安裝外掛，自opera12之後，opera改用webkit核心，故可安裝chrome的外掛，也可自行在opera的商店中搜尋外掛
User Agent Changer下載： https://addons.opera.com/zh-cn/extensions/details/user-agent-changer/?display=en
2.Opera Mobile Emulator + dragonfly*
下載適合自己的版本，安裝完畢會開如下介面：
左側選擇平臺，右側選擇引數，選擇完畢點選啟動，如下的幾面，用過手機opera的朋友會很熟悉，就是手機opera
關於opera mobile emulator的更詳細介紹參看文章末尾參考資料的相關內容。
但此時，還是隻能看而已，不能除錯模擬器裡的網站，這裡需要dragonfly配合以實現除錯，由於opera12後換了核心，不能安裝dragonfly了，所有你需要一款opera12的瀏覽器，和dragonfly的離線包，配置好後具體如何連線請參看這裡http://www.opera.com/dragonfly/documentation/remote/
全部設定好後即可實現在電腦上除錯手機網頁，如下圖所示：
opera12下載地址：http://yanhaijing.7958.com/down_10918696.html
dragonfly中文離線包下載地址：http://yanhaijing.7958.com/down_10918700.html
opera mobile emulator下載地址：http://www.opera.com/zh-cn/developer/mobile-emulator
模擬器*
1.官方模擬器*
做安卓開發的肯定都知道安卓模擬器，這是谷歌官方的提供的開發環境，能模擬安卓環境，還可切換各個版本，可下載配置好的環境，然後開啟eclipes，直接開啟AVDM，穿件一個AVD，然後start，如下圖：
要等一大會時間，會開啟模擬器，和安卓環境一樣，開啟裡面的瀏覽器測試即可。但我的瀏覽器打不開不知道為什麼，鬱悶的很啊。
下載地址：http://developer.android.com/sdk/index.html
2.bluestacks
這也是一款模擬器，可自行搜尋，本人安裝後電腦就卡死了，可能我的電腦配置不行吧，看介紹還是不錯的。
線上測試
線上只能測試介面的視覺效果，不能除錯，但也是很不錯的。
1.Mobile Emulator*
非常不錯，速度也很快，介面很簡潔，支援多種平臺。
http://emulator.mobilewebsitesubmit.com/
2.opera mini simulator
需要java環境支援，單一平臺，opera出品，速度很快。
http://www.opera.com/zh-cn/developer/opera-mini-simulator
3.webpage mobile
說實話弄了半天也沒弄出來，大大的鄙視下吧，但是能測試的平臺很全面。
http://www.webpagetest.org/mobile
總結
以上列出了多種方法，各有利弊，希望大家選擇適合自己的方法，本人推薦chrome自帶模擬器和opera mobile emulator + dragonfly的方法。因為這兩種方法，接近真是手機環境，又能除錯css和js。
當然文中沒有提到的還有最好的方法就是你有一臺手機，那就太好了，配合遠端除錯，是最最理想的辦法。
推薦
參考資料
*Chrome模擬手機瀏覽器（iOS/Android）的三種方法，親測無誤！：http://www.ihacksoft.com/chrome-simulate-ios-android-browse.html
用谷歌瀏覽器來當手機模擬器：http://blog.s135.com/chrome_phone/
*關於手機網站測試的問題：http://segmentfault.com/q/1010000000143811
如何firefox模擬手機訪問手機網站：http://blog.sina.com.cn/s/blog_645813a30100qf68.html
*Firefox OS 模擬器：https://developer.mozilla.org/zh-CN/docs/Tools-840092-dup/Firefox_OS_%E6%A8%A1%E6%8B%9F%E5%99%A8
*Opera Mobile Emulator for desktop：http://dev.opera.com/articles/view/opera-mobile-emulator/
設定 Opera Dragonfly 為離線版或實驗版的方法：http://opera.im/archives/running%EF%BC%8Ddragonfly-offline-or-experimental-version/
*整理：手機端網頁除錯方案：http://blog.segmentfault.com/humphry/1190000000313211?page=1
*移動終端開發必備知識：http://isux.tencent.com/mobile-development-essential-knowledge.html/zh-hans