一部iPhone/iPod Touch対応にしてみた

最近何もやっていない．そしてこの週末も何もしないで終わってしまう..てなわけでちょとくらい何かと思い．このサイトの Bookmark をiPhone/iPodtouch的な画面にしてみた！ 単純にiPhone/iPodtouchから閲覧してきた時にテンプレートを切り替えているだけ！

iPhone/iPodtouch用の画面を作る際にポイントとなったタグがこれ．

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no /">

幅（width）, 拡大縮小率（initial-scale）, 拡大縮小率の上限（maximum-scale）, 拡大縮小の不可（user-scalable９）を設定．

あとは，iPhone/iPodtouchの時にテンプレートを切り替えるのは，uamobile にちょっと手を加えようかと思いつつーとりあえずviewの中で行うことにした．

import re
IPHONE_RE = re.compile('^Mozilla\/5\.0 \((iPhone|iPod); U; CPU like Mac OS X;')
def view(request):
    """ 省略 """"
    if IPHONE_RE.match(request.device.useragent):  # 注意 uamobile利用
        t = loader.get_template('bookmark/view-iphone.html')
    else:
        t = loader.get_template('bookmark/view.html')
        c = RequestContext(request, {
            'bookmarks' :bookmarks,
            'page'      :page,
            'paginator' :paginator,
            'path'      :request.path
        })
    return HttpResponse(t.render(c))

これはmiddlewareの部分でuamobileを使ってデバイス処理をしているのでrequestからuseragentをひっぱり出せている．詳細は こちら

見れた！見れた！

[iPodTouch] [Information]

2008/03/30 22:08 | Comments(0)

Comments

Comment Form