JavaScript/Androidブラウザ/はまったこと
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
*Android ブラウザ 用のサイトを作っていて困ったこと＆はま...
#contents2_1(compact=true,depth=1-2)
*Android ブラウザではまったこと [#v733f088]
「うーん？」ってなったことをまとめて書きます
iPhone Safari ではまったことは、こちら -> [[JavaScript/iP...
&color(red){以下に書いてあることちょっとまだ調査中};
&br;
*webkitTransform [#t2f362ff]
iPhone と Android で動きが違うところがある
** translate3d [#n7253da6]
iPhone でも Android でも、100px 100px に移動する
element.style.webkitTransform = "translate3d(100px, 100p...
サンプル
-http://sample.minaco.net/javascript/android/index.html#s...
**scale [#c8e587b4]
iPhone でも Android でも、scale が 0.1 になる
element.style.webkitTransform = "scale(0.1)";
サンプル
-http://sample.minaco.net/javascript/android/index.html#s...
**translate3d + scale [#v1963f04]
iPhone では、100px 100px に移動後、scale が 0.1 になる&br;
Android では、100px 100pxに移動後、scale が 0.1 になるが...
element.style.webkitTransform = "translate3d(100px, 100p...
サンプル
-http://sample.minaco.net/javascript/android/index.html#s...
参考&br;
-http://stackoverflow.com/questions/4270208/css3-animatio...
**translate + scale [#z04ec9ea]
iPhone でも Android でも、100px 100px に移動後、scale が ...
ただし、iPhone と Android で動きがちがう
element.style.webkitTransform = "translate(100px, 100px)...
サンプル
-http://sample.minaco.net/javascript/android/index.html#s...
&br;
*イベント [#l7112c2f]
**Gesture イベント [#v21e9ad5]
Android では Gesture イベントをサポートしていない
-http://backtothecode.blogspot.com/2009/10/javascript-tou...
&br;
*タップしたときのオレンジ色 [#s6d936b0]
Android では、リンクやテキストボックスをタップしたときに...
#hoge1 {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
サンプル
-http://sample.minaco.net/javascript/android/index.html#s...
&br;
*touch イベントまわり [#l89ae631]
**touch イベントと window.open [#i08888bb]
こんな感じに touch イベントをつけると、画面タッチ後に win...
location.href ならできるけど。。。
iPhone では大丈夫なのに。。
document.addEventListener('touchstart', touchstart, fals...
サンプル
-http://sample.minaco.net/javascript/android/index.html#s...
と思ったら、この記事に書かれているようにしたらできた。
-http://stackoverflow.com/questions/3601184/window-open-r...
#geshi(JavaScript){{
function go(){
window.open('about:blank');
}
function fnc()
{
var buttonnode= document.createElement('i...
buttonnode.setAttribute('type','button');
buttonnode.setAttribute('name','sal');
buttonnode.setAttribute('style','display:...
document.body.appendChild(buttonnode);
buttonnode.onclick = go;
setTimeout(function() { buttonnode.click(...
}
}}
**touch イベントとテキストボックス [#g8d70bbb]
こんな感じに touch イベントをつけると、テキストボックスに...
iPhone では大丈夫なのに。
document.addEventListener('touchstart', touchstart, fals...
サンプル
-http://sample.minaco.net/javascript/android/index.html#s...
こういうの関係あるのかなぁ。むー
-http://subtech.g.hatena.ne.jp/cho45/20100610/1276102754
&br;
*Comment [#c4b1da9e]
- Hello! kekbdkd interesting kekbdkd site! I'm really li...
- Very nice site! -- [[Pharma680]] &new{2013-02-18 (月) 0...
- Hello! cgbdbfa interesting cgbdbfa site! I'm really li...
- Very nice site! -- [[Pharmk757]] &new{2013-02-18 (月) 0...
- Hello! dgedgkk interesting dgedgkk site! I'm really li...
- Very nice site! -- [[Pharmb775]] &new{2013-02-18 (月) 1...
- Hello! gaeedgg interesting gaeedgg site! I'm really li...
- Very nice site! -- [[Pharma987]] &new{2013-02-18 (月) 1...
#comment_nospam
&br;
#counter
終了行:
*Android ブラウザ 用のサイトを作っていて困ったこと＆はま...
#contents2_1(compact=true,depth=1-2)
*Android ブラウザではまったこと [#v733f088]
「うーん？」ってなったことをまとめて書きます
iPhone Safari ではまったことは、こちら -> [[JavaScript/iP...
&color(red){以下に書いてあることちょっとまだ調査中};
&br;
*webkitTransform [#t2f362ff]
iPhone と Android で動きが違うところがある
** translate3d [#n7253da6]
iPhone でも Android でも、100px 100px に移動する
element.style.webkitTransform = "translate3d(100px, 100p...
サンプル
-http://sample.minaco.net/javascript/android/index.html#s...
**scale [#c8e587b4]
iPhone でも Android でも、scale が 0.1 になる
element.style.webkitTransform = "scale(0.1)";
サンプル
-http://sample.minaco.net/javascript/android/index.html#s...
**translate3d + scale [#v1963f04]
iPhone では、100px 100px に移動後、scale が 0.1 になる&br;
Android では、100px 100pxに移動後、scale が 0.1 になるが...
element.style.webkitTransform = "translate3d(100px, 100p...
サンプル
-http://sample.minaco.net/javascript/android/index.html#s...
参考&br;
-http://stackoverflow.com/questions/4270208/css3-animatio...
**translate + scale [#z04ec9ea]
iPhone でも Android でも、100px 100px に移動後、scale が ...
ただし、iPhone と Android で動きがちがう
element.style.webkitTransform = "translate(100px, 100px)...
サンプル
-http://sample.minaco.net/javascript/android/index.html#s...
&br;
*イベント [#l7112c2f]
**Gesture イベント [#v21e9ad5]
Android では Gesture イベントをサポートしていない
-http://backtothecode.blogspot.com/2009/10/javascript-tou...
&br;
*タップしたときのオレンジ色 [#s6d936b0]
Android では、リンクやテキストボックスをタップしたときに...
#hoge1 {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
サンプル
-http://sample.minaco.net/javascript/android/index.html#s...
&br;
*touch イベントまわり [#l89ae631]
**touch イベントと window.open [#i08888bb]
こんな感じに touch イベントをつけると、画面タッチ後に win...
location.href ならできるけど。。。
iPhone では大丈夫なのに。。
document.addEventListener('touchstart', touchstart, fals...
サンプル
-http://sample.minaco.net/javascript/android/index.html#s...
と思ったら、この記事に書かれているようにしたらできた。
-http://stackoverflow.com/questions/3601184/window-open-r...
#geshi(JavaScript){{
function go(){
window.open('about:blank');
}
function fnc()
{
var buttonnode= document.createElement('i...
buttonnode.setAttribute('type','button');
buttonnode.setAttribute('name','sal');
buttonnode.setAttribute('style','display:...
document.body.appendChild(buttonnode);
buttonnode.onclick = go;
setTimeout(function() { buttonnode.click(...
}
}}
**touch イベントとテキストボックス [#g8d70bbb]
こんな感じに touch イベントをつけると、テキストボックスに...
iPhone では大丈夫なのに。
document.addEventListener('touchstart', touchstart, fals...
サンプル
-http://sample.minaco.net/javascript/android/index.html#s...
こういうの関係あるのかなぁ。むー
-http://subtech.g.hatena.ne.jp/cho45/20100610/1276102754
&br;
*Comment [#c4b1da9e]
- Hello! kekbdkd interesting kekbdkd site! I'm really li...
- Very nice site! -- [[Pharma680]] &new{2013-02-18 (月) 0...
- Hello! cgbdbfa interesting cgbdbfa site! I'm really li...
- Very nice site! -- [[Pharmk757]] &new{2013-02-18 (月) 0...
- Hello! dgedgkk interesting dgedgkk site! I'm really li...
- Very nice site! -- [[Pharmb775]] &new{2013-02-18 (月) 1...
- Hello! gaeedgg interesting gaeedgg site! I'm really li...
- Very nice site! -- [[Pharma987]] &new{2013-02-18 (月) 1...
#comment_nospam
&br;
#counter
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
