Androidの画面サイズがピンキリ過ぎてｶｯとなったので真面目に調べてみた。
調べついでにメディアクエリーも書いてみた。
タグ: iphone
[js] スマートフォンのAjax フォーム送信時にキーボードを消す
Ｇｏボタンを押した時のイベントはsubmit もしくは event.keyCode のcode=13 で取れますが
テキストフィールドやテキストエリアに入力後、スマホのキーボードでＧｏボタンを押した時、
onsubmitをキャンセルしていたりするとキーボードが隠れないので、
キーボードが表示された要素からblur()でフォーカスを外す必要があります。
ボタンがあるならボタンにフォーカス移すのが手っ取り早い。
[js,iPhone,Android] コンテンツがwindow.innerHeightより小さい時にもアドレスバーを隠したい
スマートフォンのブラウザアプリで画面の高さにきっちり収まる仕様で作っていると
高さが足りないのでwindow.scrollToしてもアドレスバーが隠せない。
でも隠した方が表示領域が増えるので何とかしたい。
単純に考えればアドレスバー分bodyの高さを増やせばいい、ってことなんですが…
“[js,iPhone,Android] コンテンツがwindow.innerHeightより小さい時にもアドレスバーを隠したい” の続きを読む
[css, css3, html] スマｰﾄフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)
Androidの所為で工数が増えてウザイとか、AndroidのWebkitはWebkitじゃねぇとか
スマホのCSS3関係はどうしてもAndroidをdisる感じの内容になりますね！
特に明記がないものはすべてWebkitについてです。
見つけ次第順次追加予定。
タイトル変更、増えてきたので目次追加しました。
この記事はiOS5、Android 3以前について記載したものです
- 【css】 タップ時にz-indexを無視して下の要素に枠がつく(Android)
- 【html, css】 マルチバイト文字にfont-weight:boldが効かない(Android)
- 【css】 border-radiusのコーナーがジャギる(Android)
- 【css】 box-shadow、text-shadowでblurを0にすると描画されない(Android)
- 【css】 @keyframeアニメーションに関する不具合(Android)
- 【css】 @keyframeの100%で指定したスタイルが維持されない(Android, iOS3.*)
- 【css】 アニメーション開始時・終了時に一瞬だけアニメーションしている要素が消える(Android)
- 【css】 rgbaアニメーションで残像が発生する(Android)
- 【css】 transrateを使用したアニメーションがちらつく(Android, iPhone)
- 【css】 アニメーション開始時に関係ないところが点滅するようにちらつく(Android、iPhone)
- 【html, css】 JSやCSSで出力したマルチバイト文字が文字化けする(Android)
- 【html】 ソフトウェアキーボードやブラウザメニューを表示するとbodyのheightが削られたまま戻らない(Android)
- 【html, css】 テキストボックスに関するバグ(Android)
- 【css】 transitionでscaleを使用すると実行前のサイズに戻る(Android)
- 【css】 対応していないCSS3 Animationの指定をすると誤動作する（Android 2.2）
- 【css】 background-imageが２重に表示される
“[css, css3, html] スマｰﾄフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)” の続きを読む
[XHTML] 携帯サイト用 XHTML仕様まとめ
Docomo、au、SoftbankのXHTML仕様をざっくりまとめてみた。最後にiPhoneも追加。
XHTMLに対応している携帯は所謂第３次世代の機種です。
やっぱり三社三様だけどXHTML BasicやXHTML Mobile Profileに準拠しとけば全社に対応が可能な様子。
XHTML Basic » Kanzakiさんの解説
XHTML Basic » W3C仕様書
XHTML Mobile Profile » Openwaveのリファレンス
| Docomo | au | Softbank | |
|---|---|---|---|
| 表示対応機種 | FOMAシリーズ ※機種によりimode-XHTMLの対応バージョンが異なる （FOMAでも古い機種は未対応の様子） |
WAP2.0ブラウザ搭載端末 | 3GC型（SoftBank 3G series） ※頭文字が7-9の機種 |
| 文字エンコード | Shift-JIS・UTF-8 | Shift-JIS・UTF-8 | Shift-JIS・EUC-JP・ISO-2022-JP・UTF-8 ※UTF-8以外の文字コードはゲートウェイにてShift_JISに変換される |
| DOCTYPE |
<!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.0) 1.0//EN" "i-xhtml_4ja_10.dtd"> (Locale/Ver.=ja/1.0)の数字がバージョンによって変化。 |
<!DOCTYPE html PUBLIC "-//OPENWAVE//DTD XHTML 1.0//EN" "http://www.openwave.com/DTD/xhtml-basic.dtd"> ※端末はDTDのチェックをしない |
<!DOCTYPE html PUBLIC "-//J-PHONE//DTD XHTML Basic 1.0 Plus//EN" "xhtml-basic10-plus.dtd"> |
| 対応画像フォーマット |
iモードブラウザ1.0(XHTML)：JPG・GIF |
JPEG・PNG・GIF ※256色インデックス以上は減色表示 |
JPEG・PNG・GIF |
| 最大ファイルサイズ | imodeブラウザ1.0：100KB imodeブラウザ2.0：500kb |
9KB（画像データ等除く） 画像込みではDocomoとほぼ同等 |
300kb |
| 絵文字 | 公式一覧ページへ code.cside.com |
一覧ページへ | 一覧ページへ |
| IPアドレス帯域 | 一覧ページへ | 一覧ページへ | 一覧ページへ |
| ユーザーエージェント | 一覧ページへ iモードブラウザ1.0機種の一覧ページへ iモードブラウザ2.0機種の一覧ページへ |
一覧ページへ | 一覧ページへ |
Docomoとauは同じバイナリコードで似たような絵文字が表示される。
参考：全キャリア絵文字比較表（絵文字を使いこなして見るためのページ）
公式のシュミレーターはXHTMLに微妙に非対応らしく、仕様書で可とされている要素や属性でエラーが発生するようだ。