Mobilizer手機瀏覽器模擬器使用教學

Mobilizer手機瀏覽器模擬器使用教學





前篇提到行動上網趨勢已愈來愈顯著，
站長也不得不思考一下，
讓愈來愈多的手機使用者，
也能順利的訪問網站。



Mobilizer使用教學

要如何開啟Mobilizer呢？
(如果尚未安裝，請參閱前篇Mobilizer手機瀏覽器模擬器安裝教學)
安裝完成後，在桌面就會看到Mobilizer圖示，雙擊即可開啟。






Mobilizer選擇手機

接著點一下 Phones ／ Open ／ 就可選擇手機裝置。


這時就會開啟很大的iPhone圖，而且看到的網頁，就是手機版的網頁模式。



Mobilizer輸入網址

預設網址是 google.com(如本文頁首)，



當然，也可以自行輸入網址。






也可以從這兒開啟其它手機，看到在不同裝置下的顯示情形。







Mobilizer切換網址

如果要切換網址，可直接在上面浮動式工作列輸入網址，再按Enter就可跳到新的站台了。
(也可以直接從桌面，拖拉網頁到手機圖中喔)
如果有多網址，也能由前後箭頭快速切換網站。





手機版介面類型

目前共有四種手機版介面類型，
底下示例圖為兔兔電腦教室主站 http://bonny.com.tw/ 的手機版模式













輸出圖檔

查閱好的資料，也能輸出成PNG圖檔，真的很方便。





關閉程式

若要關閉時，移到Mobilizer工作列，直接按左邊的叉叉，即就可閉關程式。
(Windows底下工作列／右鍵／關閉，也可以這麼用)





結語

傑克，這真的太神奇了，在開發手機版網頁時，可以隨時查看，真的方便很多，告一個段落時，再用實際手機測試。如此，就不用在設計手機版網頁時大拜拜，桌面擺滿了各式手機，這麼棒的模擬器工具，不妨試試看喔！



相關文章
Mobilizer手機瀏覽器模擬器安裝教學
Mobilizer手機瀏覽器模擬器使用教學
GoogleChrome模擬手機瀏覽器
GoogleChrome模擬手機瀏覽器-法2-執行命令法


Mobilizer手機瀏覽器模擬器使用教學
http://sbonny.blogspot.com/2012/02/mobilizer-lessons.html