手機網站開發，最讓人頭疼的是網站的兼容問題，不同的手機可能會出現一些莫名的問題。手機網站常見問題及解決方案，我會在后面的文章陸續發表，大家可以看一下。
本文主要講解電腦上如何調試手機網站：
一、安卓手機的調試：
1、最常見的安卓手機的調試方法是用chrome瀏覽器調節，既方便有簡單。（chrome的版本要在v20.0以上）
按F12,調出代碼調試器，如下圖
可以讓代碼調試器左右結構顯示
按照下面畫紅色圈圈的地方進行操作，如下圖：
您可以看到有很多設備可以選擇
選擇Emulate就可以對您的網站進行模擬調試了！
2、安裝安卓虛擬機，這種方式可以模擬真機，效果更好一些！
方法如下： 地址http://www.genymotion.cn/ 打開上面的地址，注冊下載。
安裝方法參見：http://www.genymotion.cn/#theme=guide
安裝好了以后，有時候不能安裝軟件，需要破解，下面寫寫破解步驟！
第一部： 裝個ARM轉換器 Genymotion-ARM-Translation
第二部： 裝個Google Apps ，http://goo.im/gapps
把這兩個文件拖進虛擬機就可以了！【注意：對應版本要下載好，不然不好用的】
安裝好了，運行之后如下圖：
二、蘋果手機的調試方法：
對於蘋果手機的調試，要想在電腦上進行，那必須要用蘋果電腦（Mac）了！Mac 版的 Safari 瀏覽器早就可以連接 iPhone 進行測試了，可以看這里：通過Mac遠程調試iPhone/iPad上的網頁。
也就是說，你將 iPhone 連接 Mac 之后在 iPhone 的 Safari 打開網頁，然后再打開 Mac 上的 Safari 瀏覽器，選擇“開發”就可以看到你的 iPhone 上面的網頁了，然后會打開 Console 這樣的工具。就可以進行各種調試和檢查，操作會實時改變在 iPhone 上。 這里如果沒有 iPhone 或者覺得 iPhone 連接麻煩，其實也可以使用 Xcode 開發套裝中的 iPhone 模擬器。
打開 Xcode 之后，在 “Xcode”->“Open Developer Tool”->“iOS Simulator” 即可打開一個 iPhone 模擬器。
這個模擬器幾乎跟真實環境一致，還可以設置 iOS 的設備型號等。在模擬器中 Safari 打開的網頁，也可以被 Safari 檢測到並進行調試,這樣就方便多了，不需要來回插拔數據線，同時還可以方便對照設計稿進行細節調整等。
總結：
安卓手機的調試，大部分可以用安卓虛擬機或者chrome進行。蘋果手機的調試就要用MAC機進行。要是大家還有什么好的調試方法，可以留言交流！當然，真機調試也是一種不錯的選擇！