JS:スマホサイトのURLから、PCサイトのURLを取得
2012.08.15
PCサイトの階層に「sp」などのスマホサイト用階層を作り、
その中にPCサイトと同じ構造でスマホサイトが作られているときに、
スマホサイトからPCサイトへのURLを自動取得するJSです。

ようするに「PC版を見る」ボタン用のURLを自動で入れるJSです。

タイトルも説明も長いですが、
ソース自体はURLから /sp/ を外すだけの簡単なものです。

2012.9.24 修正
ソースが大雑把過ぎたので追記しました(水色箇所)。


■JS
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){

   $("#btn_pc").click(function(){
     var s = location.pathname.split("/sp/");
     location.href = s[0] + '/' + s[1];
   });
});
</script>


■HTML
<a href="javascript:void(0);" id="btn_pc">PC版を見る</a>


サンプル
ダウンロード

赤文字が階層名ですので、任意のフォルダ名に変更してください。

.clickの部分にjQueryを使っていますので、
jQuery使わない方は書き換えてみてください。

コメント(3)

こんにちは。
参考にさせていただいてます。

ソースを設置したのですがうまく機能しないので、設置サンプルみたいのはありますか?
宜しくお願いします。

 

>かず様
はじめまして。
コメントありがとうございます!

改めて見なおしてみましたが、ボタン部分のJSだけを抜き出したために
説明不十分な記事になっていました。。

コードを追記し、サンプルも用意してみましたのでお試しください。

 

>管理人様

ご丁寧にしていただいてありがとうございます!
さっそくやってみます!!
助かります!!

ありがとうございましたー!

 



月別アーカイブ