JavaScript:UserAgentによってリンク先を変更する

goto_jp 6,590views 更新:2014年6月19日

例えばPCとスマホでリンクURLを変えたい場合、原理としてはUAを判別してhrefの中身を動的に変える処理になります。

HTML

<a href="http://www.google.com/" id="ualink">リンク</a>

変更したい<a>タグにIDを付与しておきます。

JavaScript

<script type="text/javascript">
var link = document.getElementById("ualink");
var ua = navigator.userAgent;
if ((ua.indexOf('iPhone') > 0 && ua.indexOf('iPad') == -1) || ua.indexOf('iPod') > 0 || ua.indexOf('Android') > 0) {
  link.href = "http://www.yahoo.co.jp/";
}
</script>

iPhone、iPod(touch)、Androidだった場合にID「ualink」にあるhrefのURLを書き換えます。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません