• 締切済み

スマフォサイト構築

現在、スマートフォンサイトを構築しているのですが、 スマフォでPCサイトを閲覧したら強制的にスマフォサイトにとばすようにPCサイトの全ページに下記タグを埋めました。 -------------------------------------------- $(function(){ var agent = navigator.userAgent; if(agent.search(/iPhone/) != -1 || agent.search(/iPod/) != -1 || agent.search(/Android/) != -1){ location.href = 'sp'+location.pathname; } }); -------------------------------------------- ここまでは大丈夫なのですが、 スマフォサイトに設置してある「PCサイトへ」のボタンをおしたときに、PCサイトにとばすようにしたいです。(参考サイト:http://www.chikinramen.jp/) 普通にリンクでとばすと、また強制的にスマフォサイトに戻されてしまいます。 PHP、.htaccessは使用できないので、jsでの設置の仕方をご教授いただけたらと思います。 よろしくお願いいたします。

みんなの回答

回答No.2

詳しい情報わからないけど、 やっぱスマフォサイト構築についてのフォラムに聞きに行ってみて、 そこでいろいろ専門家がいますから

  • Picosoft
  • ベストアンサー率70% (274/391)
回答No.1

 スマホサイト側 → 「PCサイトへ」クリック時は「(PCサイトURL)?mode=pc」に飛ばす  PCサイト側 → スマホからのアクセスでも、URLに「?mode=pc」がくっついていたらスマホサイトに飛ばさない という風にしているサイトをよく見かけますが、この方法ならJavaScriptでも実現できます。

関連するQ&A

  • これはどういう意味でしょうか?

    <script type="text/javascript"> $(function(){ var agent = navigator.userAgent; var redirectPass = 'sp/'; if(agent.search(/iPhone/) != -1 || agent.search(/iPod/) != -1 || agent.search(/Android/) != -1){ location.href = redirectPass; } }); </script> これはどういう意味でしょうか? アイフォンとアイパッドとアンドロイドなら 違うページに移動させるよ という意味ですか?

  • PCのHPサイトから自動でスマホに対応について

    初心者なんですが、ホームページを作っている途中です。 パソコンで見る様にデザインしてるのでスマートフォンで見ると見にくくて困っています。 そこで、スマートフォンに自動切り替えのタグを使い、別ページを作ることにしました。 タグで以下のようなものを使用しています。 ただ、相手に選択できるようになってますので、選択なしの強制で変換させる方法はありますでしょうか。 ぜひ知ってる方がいたらよろしくお願いします。 <div class="Mobirth_Delete"> <script type="text/javascript"> function windowAddEventListener(callback) { if (window.addEventListener) { window.addEventListener('load', callback, false); } else if (document.attachEvent) { window.attachEvent('onload', callback); } } windowAddEventListener(function() { var agent = navigator.userAgent; if (agent.search(/iPhone/) != -1 || agent.search(/iPod/) != -1 || agent.search(/Mobile/) != -1 || agent.search(/Android/) != -1) { if(confirm('スマートフォン用のサイト表示しますか?\n(キャンセルの場合はPCサイトを表示します。)')) { location.href = '●●●●' + location.pathname; } } }); </script> </div>

  • javascriptでスマートフォン・PC分岐

    PC用のサイトとスマートフォン用のサイトをそれぞれ作り、アクセスをjavascriptで振り分けたいと考えています。 PC用とスマートフォン用のURLはあいだに"i"をはさむ違いだけです。 http://www.hoge/cate1/post_001.html http://www.hoge/i/cate1/post_001.html いろいろ調べた結果、トップページは下記でうまく行きました。 <script type="text/javascript"> if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) { location.href = '/i/'; } </script> 問題は個別ページがうまく行きません。自分なりに調べて下記のように書きました。 <script type="text/javascript"> if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) { location.href = '/i/location.pathname'; } </script> ところがこれではhttp://www.hoge/i/location.pathnameに行ってしまいダメです。 なぜダメなのでしょうか? この場合、どのように記述すれば良いか教えてください。 PHPとCGIとかはさっぱり判らないのでその選択肢はありません。 よろしくお願いします。

  • スマートフォンサイトへのリダイレクト

    javascriptでスマートフォンサイトへのリダイレクトを行いたいです。 こちらを参考にしましたが、うまく動作しません。 参考サイト http://helog.jp/hp/smartphone/1095/ ---------------------------------------------------------------- <script type="text/javascript"> var agent = navigator.userAgent; if(agent.indexOf('Linux; U; Android ') != -1 || agent.indexOf('iPhone; U') != -1 || agent.indexOf('iPad; U') != -1){ location.href = '/smartphone/'; } </script> ---------------------------------------------------------------- ちなみに私のサイト構成は以下のとおりです。 index.html←ここのheadに上記javascriptを書きました。 smartphone/index.html←上のindexにアクセスされたときに、ここに飛ばせたい。 詳しい方がいましたらよろしくお願いします。

  • userAgent

    userAgentでプラットフォーム別に表示するサイトを分岐する場合 <script type="text/javascript"> <!-- var is_iphone=navigator.userAgent.indexOf("iPhone", 0); var is_ipod=navigator.userAgent.indexOf("iPod", 0); var is_android=navigator.userAgent.indexOf("Android", 0); if((is_iphone & is_ipod) > -1){ window.location = "sp/"; }else{} if(is_android > -1){ window.location = "sp/"; }else{} // --> としたら、ガラケーやipodではないタブレットは、どれと認識されるのでしょうか? タブレットはAndroidになるのでしょうか?

  • PC用のサイトとスマートフォン用のサイトの振り分け

    以前、このサイトで検索して、トップページは <script type="text/javascript"> if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) { location.href = '/i/'; } </script> でできました。 ですが、最近、スマートフォンを新しくしたら、トップページが表示されなくなってしまいました。 どうしてでしょう? あと、トップページ以外のページはどのように振り分けをすればよいのでしょうか? よろしくお願いします。

  • ホームページビルダー19

    お世話になっております。 ホームページビルダー19でサイトを運営しているのですが、トップページのソースを見ると、下記の記述があります。これは自動で記述されるものなのでしょうか?どのように、ホームページビルダーのソフトで設定すれば、以後、この記述を削除できるのでしょうか?よろしくお願いいたします。 <!--HPB_SCRIPT_UAREDIRECT if(document.referrer.indexOf(document.location.hostname)==-1){ if (navigator.userAgent.indexOf('iPhone') > 0 || (navigator.userAgent.indexOf('Android') > 0 && navigator.userAgent.indexOf('Mobile') > 0)) {location.href = 'sp/index.html';}}//-->

  • ホームページ スマートフォン PC 振り分け

    初質問でつたない文章ですが、ご回答のほどよろしくお願い致します。 【質問】 スマホからスマホ版ページに飛び、PC版へのリンクを押した場合はPC版を閲覧出来るという設定はjavascript利用で行えないでしょうか? そんなめんどくさい事をするならhtaccessを利用した方がいいのでしょうか? htaccessでもそういった設定は難しいのでしょうか? 【現状】 PC版とスマホ版のウェブサイトを作り、htmlを書き足してjavascriptで振り分ける方法にしました。振り分けは問題なくできています。 【問題点】 スマホ版ページに「PC版」と文字を書いて、スマホでPC版を見たい人が飛べるようリンクを貼ったのですが、当然の事ながらスマホはスマホとして認識されるので、上記のhtml記述ではPC版に飛べません。 スマホでスマホ版ページの「PC版」という文字を押しても今居るスマホ版ページに飛ぶだけで、ひたすらループするのみです。 ーーーーーーーーーー関連個所ーーーーーーーーーー <script type="text/javascript"> if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) { location.href = 'sp'; } </script> ーーーーーーーーーーーーーーーーーーーーーーーー 拙い文章失礼しました。 よろしくお願いします!!

  • Safariを判別し別ページに飛ばすには

    javascriptでブラウザを判別して、ブラウザによって違うページに飛ばしています。 基本的にはIEとそれ以外なのですが、Safariだけが別ページに飛んでくれません。(index.htmlにいたままになる) 下記のようにしていますが、どうすれば飛ぶようになるでしょうか? よろしくお願いします。 <script type="text/javascript"> if(navigator.userAgent.indexOf("MSIE") != -1){ window.location.href = "index.html";}     : else if(navigator.userAgent.indexOf("safari") != -1){ window.location.href = "index2.html";} </script>

  • ホムペ作成・スマホ・モバイル・PC切り替え

    ホームページを自作で作成し、完成したのですが 現在、スマホとPCのきりかえするボタンを こちらのタグにて設定しました。 <script type="text/javascript"> // iPhoneまたは、Androidの場合は振り分けを判断 if (document.referrer.indexOf('本サイトのアドレス') == -1 && ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0)) { if(confirm('スマートフォン用サイトを表示しますか?')) { location.href = '携帯サイトのアドレス'; } } </script> しかし、ガラケーで見ると、PC版、スマホ版、どちらもデザインが崩れていて見にくい状態です。 それにこのジャバスプリクトはガラケーでは表示されません。 そこで詳しい方に質問なのですが、ガラケーで、わたしのホームページにアクセスした場合 アメブロに飛ぶように設定などできませんか? またこのような「スマートフォン用サイトを表示しますか?」というようなコメントも出すことは可能でしょうか?

専門家に質問してみよう