- Palmwares and Miscellany -
開始行:
&tag(Web);
WEBサイトをスマートフォンの表示に対応させる方法の覚書。
*スマートフォンからのアクセスかどうかの判断 [#s29cbb8f]
ユーザーエージェント(UA)に含まれる文字列で判断する。
+OSで判断(PHPで記述すると)
#geshi(PHP){{
$useragents = array(
'iPhone', // Apple iPhone
'iPod', // Apple iPod touch
'Android', // 1.5+ Android
'blackberry', // Blackberry
'webOS', // Palm Pre
);
$pattern = '/'.implode('|', $useragents).'/i';
if (preg_match($pattern, $_SERVER['HTTP_USER_AGENT'])) {
$mobile = true;
}
}}
但し、Android の場合スマートフォンかタブレットかは判断で...
+'Mobile'で判断
#geshi(PHP){{
if (preg_match('/Mobile/', $_SERVER['HTTP_USER_AGENT'])) {
$mobile = true;
}
}}
iPhone や Androidスマートフォンでは'Mobile'が含まれるため...
以上2つを上手く組合わせて判断する必要がある。
*Viewportの変更 [#r85a14fb]
PC用のサイトをスマートフォンで表示すると文字が小さく見づ...
#geshi(HTML){{
<meta name="viewport" content="width=【横幅】, initial-sc...
}}
-横幅 : 画面の横幅をピクセル単位で指定。device-widthを指...
-初期の倍率 : 表示した時の画面の倍率を指定。
-拡大可能な最大の倍率 : スマートフォン上でユーザーが表示...
【例】
#geshi(HTML){{
<meta name="viewport" content="width=device-width, initia...
}}
*HTML5の利用 [#ta4cb123]
スマートフォン用ブラウザはHTML5に対応しているため、従来は...
*参考 [#g81dac7a]
[[実践!iPhone&Androidサイト制作ガイド>http://ascii.jp/e...
終了行:
&tag(Web);
WEBサイトをスマートフォンの表示に対応させる方法の覚書。
*スマートフォンからのアクセスかどうかの判断 [#s29cbb8f]
ユーザーエージェント(UA)に含まれる文字列で判断する。
+OSで判断(PHPで記述すると)
#geshi(PHP){{
$useragents = array(
'iPhone', // Apple iPhone
'iPod', // Apple iPod touch
'Android', // 1.5+ Android
'blackberry', // Blackberry
'webOS', // Palm Pre
);
$pattern = '/'.implode('|', $useragents).'/i';
if (preg_match($pattern, $_SERVER['HTTP_USER_AGENT'])) {
$mobile = true;
}
}}
但し、Android の場合スマートフォンかタブレットかは判断で...
+'Mobile'で判断
#geshi(PHP){{
if (preg_match('/Mobile/', $_SERVER['HTTP_USER_AGENT'])) {
$mobile = true;
}
}}
iPhone や Androidスマートフォンでは'Mobile'が含まれるため...
以上2つを上手く組合わせて判断する必要がある。
*Viewportの変更 [#r85a14fb]
PC用のサイトをスマートフォンで表示すると文字が小さく見づ...
#geshi(HTML){{
<meta name="viewport" content="width=【横幅】, initial-sc...
}}
-横幅 : 画面の横幅をピクセル単位で指定。device-widthを指...
-初期の倍率 : 表示した時の画面の倍率を指定。
-拡大可能な最大の倍率 : スマートフォン上でユーザーが表示...
【例】
#geshi(HTML){{
<meta name="viewport" content="width=device-width, initia...
}}
*HTML5の利用 [#ta4cb123]
スマートフォン用ブラウザはHTML5に対応しているため、従来は...
*参考 [#g81dac7a]
[[実践!iPhone&Androidサイト制作ガイド>http://ascii.jp/e...
ページ名:
コンテンツ
Home
Softwares
Wiki
Forum
Files
About
Feedback
PageTree
Top
(101)
Mac
(2)
P_BLOG
(5)
PalmTips
(5)
Palmware
(5)
Palmware開発メモ
(25)
PukiWiki
(23)
webOS
(2)
開発メモ
(25)
Wiki検索
AND
OR
最新の10件
2023-02-08
PukiWiki
2014-07-28
PukiWiki/FastCGI版PHP対応
2014-03-12
FrontPage
はじめての XREA+
Palmware開発メモ
2014-03-07
Palmware
2012-12-06
オンラインストレージ
2012-07-29
Vagrant
2012-07-25
Android/SH-03C/sdboot
2012-07-18
webOS/TouchPad
Tags
Android
Mac
P_BLOG
Palm
Palmware
Phone
Program
PukiWiki
TouchPad
Web
webOS
Recommend
高性能レンタルサーバー
ポイントお貯めるなら
Syndication
RSS 1.0
RSS 2.0
Extra
0 pageview