html5-memo.com
スマートフォンからのアクセスをJavaScript, jQuery, node.js, PHP, ASP, Perlなどで検出する -Detect Mobile Browsers
スマートフォンからのアクセスをJavaScript, jQuery, node.js, PHP, ASP, Perlなどで検出する -Detect Mobile Browsers Detect Mobile Browsers [ad#ad-2] 現在、配布されているのは15種類です。 Apache ASP.NET ColdFusion C# IIS JSP JavaScript jQuery nginx node.js PHP Perl Python Rails いくつかコードもご紹介。 Apache RewriteEngine On RewriteBase / RewriteCond %{HTTP_USER_AGENT} android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobil
mod_rewriteを有効化してiPhone用サイトにリダイレクトさせる手順 – creamu
ちょっとサーバ設定が必要だったのでメモ。 .htaccessに「RewriteEngine On」を書くとエラーでサイトが表示されなくなってしまったので、mod_rewriteの設定を確認することに。 mod_rewriteが有効になっていなかった（設定がコメントアウトされていた）ので、以下の通り有効化。 OS : Red Hat Enterprise Linux SSHでサーバに入って、「su -」でパスワードを入力し、rootユーザにスイッチ。 cd /etc/httpd/conf view httpd.conf を実行すると、以下の2行にそれぞれ#が入っている（コメントアウトされている）ので、#を削除。 vi httpd.conf 【変更前】 #LoadModule rewrite_module /usr/lib/httpd/modules/mod_rewrite.so #AddMo
PC用とiPhone用のサイトを切り替える.htaccess
PC用とiPhone用のサイトを切り替える.htaccess PC用のサイトにiPhoneでアクセスがあった場合にiPhone用のサイトに転送するというのはよくあるケースだと思います。更にiPhoneで「PC用」のボタンをクリックされた場合にPC用のサイトが閲覧できる.htaccessを考えてみました。 iPhoneからPC用のサイトへのリンクには「?mode=pc」というパラメーターをつけておきます。 RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod) RewriteCond %{QUERY_STRING} !mode=pc RewriteRule ^/$ /iphone/ [R] これでiPhoneで「?mode=pc」というパラメーターがない場合のみiPhone用のサイトに転送されます。 つまり、iPhoneで「http://bar.net」にア
iPhone用CSSをメディアクエリで分岐する問題点
iPhone用CSSをメディアクエリで分岐する問題点 これまで1つのHTMLソースでPC用とiPhone用のスタイルシートを切り替えるテクニックとしてCSS3のメディアクエリが用いられることが多かったのですが、iPhone 4の登場によりこのテクニックはバッドノウハウになりつつあります。 追記(2010/07/09) 本エントリーはiPhone 4の発売前に書いたものです。 iPhone 4のSafariに関しては画面サイズが320×480として計算されている為、問題ないようです。 参考：Fonland: iPhone 4 の viewport は iPhone 3G と同じ これまでは次のようなコードでiPhone用にiphone.cssをそれ以外のデバイスにimport.cssを読み込むことが出来ました。 <link media="only screen and (max-device
iPhoneかiPodかiPadかを調べるPHPとJSのソースコード例:phpspot開発日誌
How to Identify an Apple iPhone, iPod or iPad Visitor to Your Website iPhoneかiPodかiPadかを調べるPHPとJSのソースコード例が公開されています。 先日もiPad判別コードという似たようなエントリを紹介したのですが、参考になるという方もいたようなのでご紹介。 iPhoneとiPodとiPad、それぞれ、AppleWebKitが使われていますが、バージョン番号が異なってます。 まあ、わかりやすいのですが、iPad、iPhone、iPodがUAに入ってくるのでそれを判別するだけになります。 サイト上のJS、PHPコードもiPad/iPhone/iPodの文字列を調べているだけのようですが、ちゃんとやりたいという方は正規表現を使ってやるとよさそうですね。 関連エントリ iPad用のサイト作成に覚えておくこと色々
JavaSciprt/PHPによるiPad検出コード例と.htaccessによるリダイレクト例:phpspot開発日誌
iPad Detection Using JavaScript or PHP JavaSciprt/PHPによるiPad検出コード例と.htaccessによるリダイレクト例が公開されています。 コードに関しては、iPadがUserAgentに含まれているのを見ているだけですが、ノンプログラマな方は参考にされてみてください。 .htaccess でいうと次のようにコードを記述すれば、iPad の場合に ipad.yourdomain.com に リダイレクトさせることが可能です。 RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$ RewriteRule ^(.*)$ http://ipad.yourdomain.com [R=301] iPadサイトを別ドメインのサイトに設置した場合に、リダイレクトする際に使えそうですね。 関連エントリ iPad用のサイト作
iPhone Webアプリテンプレート（CSS Nite Vol.40 reprise） | Topics | DB - KAYAC Designer's Blog（カヤック デザイナーブログ）
こんにちは。意匠部ME課のtacamyです。 CSS Nite 4周年記念イベント（Vol.40 reprise）にてご紹介した iPhone Webアプリのテンプレートセットを配布します。 イベントの内容はこちらのエントリーをご覧ください。 ダウンロード iphone-tmpl.zip セット内容 index.html HTML5+iPhone用HTML css/iphone.css HTMLの新要素＋iPhone専用CSS js/iphone.js URL&検索バーを消す指定 js/lib/jquery.js jquery apple-touch-icon.png Webクリップアイコン cache.manifest マニフェストファイル .htaccess < dd style="margin-bottom:0.5em;">.manifestのMIMEタイプ設定 viewportにつ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
IDEA * IDEA