https://rkk.jp/js2018/script2.js

1
2
3
4
5$(function() {
6if ( navigator.userAgent.indexOf('iPad') > 0 ) {
7    $("body").addClass("iPad");
8};
9});
10$(function() {
11if ( navigator.userAgent.indexOf('iPhone') > 0 ) {
12    $("body").addClass("iPhone");
13	
14	
15};
16});
17
18$(function(){
19if ( navigator.userAgent.indexOf('Android') > 0 ) {
20    $("body").addClass("Android");
21};
22});
23
24$(function(){
25if ( navigator.userAgent.indexOf('msie') > 0 ) {
26    $("body").addClass("ie");
27};
28});
29
30$(function(){
31//ここから判定してクラス付与スクリプト
32var ua, verArr, version, ieVer, ie, chrome, firefox, opera, safari;
33ua = navigator.userAgent;
34 
35// IEかそれ以外かどうかを判定
36if (ua.match(/msie/i) || ua.match(/trident/i)) {
37    // IEの場合はバージョンを判定
38    verArr = /(msie|rv:?)\s?([\d\.]+)/i.exec(ua);
39    version = (verArr) ? verArr[2] : '';
40    version = version.replace('.', '_');
41    ieVer = "ie"+version;
42 
43    // "ie11_0"等を付与
44    $("html").addClass('ie');
45} else {
46    if (ua.match(/chrome/i)) {
47        // chrome
48        $("html").addClass('chrome');
49    } else if(ua.match(/firefox/i)) {
50        // firefox
51        $("html").addClass('firefox');
52    } else if(ua.match(/opera/i)) {
53        // opera
54        $("html").addClass('opera');
55    } else if(ua.match(/safari/i)) {
56        // safari
57        $("html").addClass('safari');
58    }
59}
60  
61//ここからOS判定
62if (navigator.userAgent.indexOf('Win') > 0) {
63    $('html').addClass('win');
64	
65
66	$(".screen").overscroll({
67	direction: 'horizontal'
68	});
69
70} else if (navigator.userAgent.indexOf('Mac') > 0){
71    $('html').addClass('mac');
72	
73
74} else if (navigator.userAgent.indexOf('iPhone') > 0){
75    $('html').addClass('iphone');
76} else if (navigator.userAgent.indexOf('iPad') > 0){
77    $('html').addClass('ipad');
78} else if (navigator.userAgent.indexOf('iPod') > 0){
79    $('html').addClass('ipod');
80} else if (navigator.userAgent.indexOf('Android') > 0){
81    $('html').addClass('android');
82} 
83
84var hantei = $('html').attr('class');
85
86//  $('.container').prepend('<p>今見ているブラウザとOSは<span style="color:#DB0D63;">'+ hantei +'</span>です<br><span style="color:#DB0D63;">htmlタグに' + hantei + 'というクラス名</span>が<br>ついてますので、そのブラウザだけ表示が違う時は、<br>このクラスをつかって、個別にスタイルを書いて解決出来ます！<br>これでクロスブラウザ対策が楽になるはず！</p>' );
87   
88
89});
90
91
92