【is.js】 デバイスやブラウザに基づいた条件分岐 (user agent)

[ ID : 732 ]
【is.js】 デバイスやブラウザに基づいた条件分岐 (user agent)

概要

【jQuery】is.jsを使用してユーザーエージェント判定する方法を紹介。

用途

  • OSやブラウザ(ユーザーエージェント)を判定して条件分岐させる。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • IE11
  • IE10

実装方法

公式サイト : http://is.js.org/
ダウンロード : https://github.com/arasatasaygin/is.js


JS

$(function () {
    'use strict';
    var $block = $('.c-block');

    if (is.chrome()) {
        // ブラウザがChromeの場合
        $block.text('chrome');
    } else if (is.firefox()) {
        // ブラウザがFirefoxの場合
        $block.text('firefox');
    } else if (is.iphone()) {
        // デバイスがiPhoneの場合
        $block.text('iphone');
    }
});

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録