スマホでアクセスされた場合、スマホサイトへ誘導する JavaScript のサンプル

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です！
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）

iPhone, iPad, Android などのスマートフォンでアクセスされた場合、スマホサイトへ誘導する JavaScript のサンプルをメモ。

動作サンプル

https://codepen.io/darucub/pen/zxqBwbK

サンプルコード

次のサンプルは、スマホサイトへの誘導メッセージを表示します。

<script type="text/javascript">
// iPhone または、Android の場合は振り分けを判断
if (document.referrer.indexOf('example.com') == -1 && ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0)) { if(confirm('このサイトにはスマートフォン用のサイトがあります。\n表示しますか？')) { location.href = 'http://example.com/smt/'; }
}
</script>

参考にさせてもらったページ

• スマートフォンとパソコンサイトの切り替え｜FutureShop2 虎の巻

ありがとうございます！

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！ スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について記載している内容は記事執筆時の情報です。 できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。