
前篇提到行動上網趨勢已愈來愈顯著,
站長也不得不思考一下,
讓愈來愈多的手機使用者,
也能順利的訪問網站。
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
沒有留言:
張貼留言