続：Androidブラウザでviewportのwidth指定 １年ほど前にAndroidブラウザでviewportのwidth指定という記事を書いたのですが、１年間いろんな端末や状況に対応しているうちに今は結構違うスクリプトを利用しています。 var portraitWidth,landscapeWidth; $(window).bind("resize", function(){ if(Math.abs(window.orientation) === 0){ if(/Android/.test(window.navigator.userAgent)){ if(!portraitWidth)portraitWidth=$(window).width(); }else{ portraitWidth=$(window).width(); } $("html").css("zoom" , por
Androidでoverflowするとスクロールできない問題を解決するためにつくりました。 ソースコード https://github.com/yosukedoke/JSOverflowScroll 使い方 #hoge { overflow:auto;//Androidは強制的にhidden的な挙動になる width:320px; height:400px; } $("#hoge"). overflowScroll(); iOSでもoverflowを設定すると慣性スクロールが効かなくなるので有用かもしれませんが、 よほどでなければUAを判定してAndroidだけ適応するほうがいいと思います。 仕組み touchStartで取得したポイントをと現在の指の位置の差分をscrollTopに設定しているだけです。 模式的に書くと次のようなかんじです。 タッチ開始 $target.on("touch
WebView と JavaScript を使用することで、HTML をアプリ画面として利用することができます。 AndroidJsPhone.java package ms.creator.android.androidjsphone; import ms.creator.android.androidjsphone.R; import android.app.Activity; import android.content.Intent; import android.net.Uri; import android.os.Bundle; import android.os.Handler; import android.webkit.WebView; public class AndroidJsPhone extends Activity { Handler handler; @Ove
iPhone 3G向けのJavaScriptをAndroidでも動かそう iPhone 3Gの発売から約1年。今年7月、噂のグーグル携帯ことAndroid携帯(HT-03A)がNTTドコモから発売されました（関連記事）。6月に開催されたGoogle Developer Day 2009で同端末が先行配布されたこともあり、すでに使い込んでいる開発者の方も多いでしょう。 Androidのアプリケーションといえば、Android専用のネイティブアプリに目が行きがちですが、当然Webブラウザー上で動くWebアプリケーションも使えます。AndroidにはWebアプリのオフライン利用を実現するブラウザープラグイン「Gears」(旧名Google Gears)が標準で搭載されており、ローカル環境だけでも簡単なアプリを動かせます。 今回のJavaScriptラボでは、本連載の第1回、第2回で作成したiPh
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
