---

最近在研究怎麼用 jQuery Mobile 來做手機版網頁
不過 Disp 網站實在太複雜了，所以先用功能比較單純的 PttCard 商家查詢網站來試試看
如果只要做單純的列表瀏覽的話，用 jQuery Mobile 實在很方便
就照他規定的格式把資訊填進去，馬上就有一個有模有樣的手機版網頁了
然後把之前用 Google Map API 做的商家地圖放進去，在手機上也一樣可以用耶

網址是 http://pttcard.twbbs.org/m 有興趣的可以來看看

如果是用 Apple 的 iOS 系列，打開瀏覽器輸入上面的網址後
點一下下面中間那個按鈕，然後點「加入主畫面螢幕」，就可以裝作是一個 App 了

Android 的話，要先加入書籤，然後到書籤頁按著這個網站不放，就會出現「加入主畫面螢幕」的選項了


以下是我用 iPod touch 抓的圖：

1. 主畫面螢幕
   
    
   
2. 點「批踢踢認同卡」就會進入主選單
   
    
   
3. 全台商家地圖
   
    
   
4. 點「我的位置」會跑出一隻卡卡獸
   
    
   
5. 商家列表 - 選擇區域
   
    
   
6. 商家列表 - 選擇類別
   
    
   
7. 商家列表
   
    
   
8. 商家詳細資料
   
    
   

 


--
※ 作者: Knuckles 時間: 2012-04-22 05:43:16
※ 編輯: Knuckles 時間: 2012-04-22 05:56:48