1.日々日常

覚え書き　[ PCとスマホの振り分け ]

ちょっと必要があって調べた
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>