スポンサーリンク

誰でもすぐデキる一番簡単なiPhone対応サイトの作り方

2013 年 2 月 5 日 コメントをどうぞ コメント

シンプルなウェブページであれば、ヘッダー部分でmetaタグのviewportを指定すれば、簡易的なiPhoneやAndroidなどのスマホに対応したページにすることできます。
そこで、JavaScriptとPHPの二通りの方法でUserAgentを判別し、iPhoneやAndroid(タブレットは除く)であれば、viewportを書き出すソースを書いてみます。
自分で指定したUserAgentの端末のみviewportが書き出されますので、例えばiPadなどにはviewportは書き出されず、シンプルな一種の振り分けとなります。

JavaScript

PHP

どちらもの間の上の方に書くといいと思います。
今回はあくまでviewportの書き出しでしたが、UserAgentの判定によるページ振り分けは色々と応用方法があると思います。

スポンサーリンク
スポンサーリンク

あわせて読みたい関連記事

カテゴリー: ウェブサイト構築 タグ: , , ,
  1. コメントはまだありません。
  1. トラックバックはまだありません。

CAPTCHA


スパム防止 * Time limit is exhausted. Please reload CAPTCHA.