ちょっと必要があって調べた
PCとスマホによる閲覧での振り分け方法。(java)
◆開いたときに自動転送 (スマホサイトへ)
<head></head>の間、もしくは外部ファイルとして
<script type=”text/javascript”>
(function(){
var ua = navigator.userAgent.toUpperCase();
if(ua.indexOf(‘IPHONE’) != -1 || (ua.indexOf(‘ANDROID’) != -1 && ua.indexOf(‘MOBILE’) != -1)){
location.href = ‘ここに転送先URL sp.html‘;
}
}());
</script>
◆開いたときに自動転送 (PCとスマホに振り分け)
<head></head>の間、もしくは外部ファイルとして
<script type=”text/javascript”>
(function(){
var ua = navigator.userAgent.toUpperCase();
var url = document.location.pathname;
var spDir = ‘スマホ用のURL sp.html‘;
(ua.indexOf(‘IPHONE’) != -1 || (ua.indexOf(‘ANDROID’) != -1 && ua.indexOf(‘MOBILE’) != -1))?
isSP() :
isPC();
function isSP(){
if(url.match(spDir)){
return false;
}else{
location.href = spDir;
}
}
function isPC(){
if(!url.match(spDir)){
return false;
}else{
location.href = ‘PC用のURL pc.html‘;
}
}
}());
</script>
◆リンクをクリックしたときに自動転送 (PCとスマホに振り分け)
(1) <head></head>の間、もしくは外部ファイルとして
<script type=”text/javascript”>
function uaLinkChanger($id,$url) {
var link = document.getElementById($id);
var ua = navigator.userAgent;
if ((ua.indexOf(‘iPhone’) > 0 && ua.indexOf(‘iPad’) == -1) ||
ua.indexOf(‘iPod’) > 0 || ua.indexOf(‘Android’) > 0) {
link.href = $url;
}
}
</script>
(2) リンクを修正
(元のリンク)
<a href=”http://abc.com/pc.html”>リンク</a>
↓
<a href=”http://abc.com/pc.html” id=”changeLink1″>リンク</a>
<script type=”text/javascript”>
uaLinkChanger(‘changeLink1′,’スマホ用URL http://abc.com/sp.html’);
</script>
