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使わない方は書き換えてみてください。
その中に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使わない方は書き換えてみてください。
JS , スマホ
こんにちは。
参考にさせていただいてます。
ソースを設置したのですがうまく機能しないので、設置サンプルみたいのはありますか?
宜しくお願いします。
>かず様
はじめまして。
コメントありがとうございます!
改めて見なおしてみましたが、ボタン部分のJSだけを抜き出したために
説明不十分な記事になっていました。。
コードを追記し、サンプルも用意してみましたのでお試しください。
>管理人様
ご丁寧にしていただいてありがとうございます!
さっそくやってみます!!
助かります!!
ありがとうございましたー!