Android 模擬器設定 galaxy s2 和 s3的瀏覽器大小

平常是用 Windows 7 來開發網站，自己也有iPhone和iPad，所以在測試上沒什麼問題。然而美妝邦先前在Android系統中，看起來就是怪怪的，但一直沒辦法找到合適的環境來測試。拿Android官方的SDK的Emulator(摸擬器)，但速度慢到沒辦法使用。也因為Android的使用人數非常的少，所以就暫且忽略。現在 Android 和OO邦的人數開始變多了，還是得回到現實，要修 Android 的 bug 。



我使用的硬體是：Intel i3 (m350) CPU，6G的ram。RAM要夠大，另外是Android 模擬器在4.x.x 版之後 (API 15)，開始在 Intel 的 CPU 支援什麼 HAXM (Intel Hardware Accelerated Execution Manager Driver)，然後模擬器就會跑得很快。自己實測真的是快了一點，但沒有其它大大講的那麼的神奇，可以媲美真的手機。

安裝步驟：

• 到官方網站安裝最新版的。
• 安裝
• 到目錄下執行 SDK Manager.exe
• 我是選擇 Android 4.2.2 (API 17)，全選(就會包含Intel X86 Atom System Image)；另外在最下方的Extra 也是全選(就會包含  HAXM (Intel Hardware Accelerated Execution Manager Driver))。
• 右下角的 Install Package，然後 Accept，就會開始安裝
• 安裝完畢後，到目錄下的 sdk/extras/intel/ 下面去安裝那個執行檔

我家人剛好一個是使用Samsung Galaxy s2，一個是Samsung Galaxy s3，在 Android 的市場佔有率剛好佔同前兩名。下圖是美妝邦和工具邦的手機使用的比例(也可以看得出HTC的股價) ▼

s2 的螢幕規格是 480x800 ；s3 的螢幕規格是 720x1280 所以預設的大小有差異，因為我都是設 viewport 是 device-width

s2 (左) 和 s3 (右) 的螢幕擷圖 ▼

 

下列是我設定兩個模擬器的設定以模擬s2和s3，要先到 Tools →  Manage AVDs → New

Galaxy s2 emulator

Galaxy s3 emulator

上面的設定的跑出來的結果，就跟 s2 和 s3 是一樣的寬度，圖中不小心被當成擷圖的妹妹是波痞小妞 ▼

不過蠻神奇的一點就是 480 的寬度下，320x50 的廣告寬度會放得剛剛好；而720的寬度下 就會略小。