2017/01/08 2018/03/29

レスポンシブデザインでスマホ・タブレットだけjavascriptを実行しない方法

こんにちは、フリーランスパパの神田翼(@tsubasa_lsc)です。

備忘録です。今、サイト制作中なのですが、 PCのみjavascriptを実行しなければいけなくなりました。スマートフォンや、タブレットでは、不必要なjavascriptって時々あるので、結構今後使うと思ったのでメモ。

下記コードの「ここにjavascriptを書く」の部分にjavascriptを貼り付ければOK。

<script type="text/javascript">
if(!navigator.userAgent.match(/(iPhone|iPad|Android)/)){
  ここにjavascriptを書く
}
</script>

if(!navigator.userAgent.match(/(iPhone|iPad|Android)/)){

ここにjavascriptを書く

}

</script>

とても簡単です。

フリーランスのWebデザイナーの神田翼です。２児の父親です。父親でもガッツリ子育てがしたいという思いから、フリーランスとして働くことにしました。このブログではフリーランス・子育て・WordPress・ブログ運営のことを書いています。(プロフィール)

関連記事