Posted: 2014.10.20 / Category: javascript / Tag: jQuery

「PgwBrowser」はクライアント情報を取得して、ブラウザやOSを判別できるjQueryプラグインです。

[動作環境]
jquery 1.8
PgwBrowser 1.2

プラグインのダウンロードと準備

プラグインのダウンロードはGitHubから

Pagawa/PgwBrowser

ダウンロードした読み込みます。

html

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="pgwbrowser.min.js"></script>

使い方

「browser.group」でブラウザの種類、「browser.majorVersion」でブラウザバージョンなど簡単に取得できますね。
jQUery の他 Zepto でも使用できるようです。

JavaScript

(function($) {
	$(function() {
		var pgwBrowser = $.pgwBrowser();
		// browser
		console.log(pgwBrowser.browser.group); //Explorer
		console.log(pgwBrowser.browser.majorVersion); //11
		// os
		console.log(pgwBrowser.os.group); //Windows
		console.log(pgwBrowser.os.majorVersion); //7
		// viewport
		console.log(pgwBrowser.viewport.height); //500
		console.log(pgwBrowser.viewport.width); //1300
		// userAgent
		console.log(pgwBrowser.userAgent); //Mozilla/5.0...
	});
})(jQuery);