jquery in browser

request #16 from bitdeli-chef/master …

Add a Bitdeli Badge to README

latest commit 083f5495e6

gabceb authored a month ago

	dist	Added uglify task to grunt	a month ago
	test	Casperserver can now be stopped and finishes with no errors	a month ago
	.gitignore	Added node related stuff to gitignore	a month ago
	Gruntfile.js	Added test task for grunt	a month ago
	MIT-LICENSE.txt	Added license file from jQuery MIT LICENSE with acknowledgement for m…	5 months ago
	README.md	Add a Bitdeli badge to README	a month ago
	bower.json	Bumped version to 0.0.5	a month ago
	browser.jquery.json	Bumped version to 0.0.5	a month ago
	package.json	Added test task for grunt	a month ago

README.md

A jQuery plugin for browser detection. jQuery removed support for browser detection on 1.9.1 so it was abstracted into a jQuery plugin

Installation

Include script after the jQuery library:

<script src="/path/to/jquery.browser.js"></script>

Usage

Returns true if the current useragent is some version of Microsoft's Internet Explorer. Supports all IE versions including IE11

$.browser.msie;

Returns true if the current useragent is some version of a Webkit browser (Safari, Chrome and Opera 15+).

$.browser.webkit;

Returns true if the current useragent is some version of Firefox.

$.browser.mozilla;

Reading the browser verion

$.browser.version

Things not included in the original jQuery $.browser implementation

• Detect Windows, Mac, Linux, iPad, iPhone, Android and Windows Phone useragents

    $.browser.ipad
    $.browser.iphone
    $.browser["windows phone"]
    $.browser.android
    $.browser.win
    $.browser.mac
    $.browser.linux

• Detect the browser's major version

    // User Agent for Chrome
    // Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/32.0.1664.3 Safari/537.36

    $.browser.versionNumber // Returns 32 as a number

• Support for new useragent on IE11
• Support for webkit based Opera browsers
• Added testing using PhantomJS and different browser user agents

Testing

Testing for this plugin is done with Casperjs v1.1 to take advantage of multiple phantomjs browsers with different user agents.

For instructions on how to install Casperjs v1.1 go to http://docs.casperjs.org/en/latest/installation.html

Note: Testing requires Casperjs v1.1

Install the grunt-cli dependency by running npm install -g grunt-cli Run npm install to install all dependencies including grunt and all tasks

Once Casperjs and the grunt-cli npm package is installed you can execute all the tests by using:

grunt test

Development

• Source hosted at GitHub
• Report issues, questions, feature requests on GitHub Issues

Attributions

• Examples and original implementation
• Original Gist used for the plugin

 

$.browser.msie ? alert('Internet Explorer') : alert('Not Internet Explorer');

 

 

-----------------------------------------------

 

 

1. 브라우저 체크

 

$.browser.msie : 익스플로러인지를 확인. IE라면 true를 반환 아니라면 false를 반환합니다.
$.browser.mozilla : 파이어폭스인지 확인. 반환값은 위와 같습니다.
$.browser.safari : 사파리인지를 확인. 크롬의 경우도 해당합니다. 반환값은 위와 같습니다.
$.browser.opera : 오페라인지를 확인. 반환값은 위와 같습니다.

2. 브라우저 버전 체크

 

$.browser.version : 각각의 브라우저의 버전을 알아옵니다. 브라우저의 종류는 알아오지 않습니다.

 

3. 기본적인 사용 예제

 

$(function(){
  if($.browser.msie==true) {
    alert('인터넷 익스플로러를 사용 중 입니다. 버전은 '+$.browser.version+'입니다.');
  } else {
    alert('인터넷 익스플로러를 사용하고 있지 않습니다.');
  }
});