Jquery Load OS type으로 각 다른 CSS 가져오기

2014. 11. 14. 10:56프로그래밍/HTML5 + CSS3

오랜만에 포스팅!

이리저리 소스정리하다..

우선 2가지 CSS를 만든다....   

모바일쪽 하다보니   android.css 와  ios.css 를 만들어서 비교해봤다.


window load 에

 var deviceAgent = navigator.userAgent.toLowerCase();

 var controlCss  = "css/android.css";

 if(deviceAgent.match(/android/i)){

        controlCss = "css/android.css";

        }

 else if(deviceAgent.match(/iphone/i))

        {

        controlCss = "css/ios.css";

        }

      

 $(".os_css").attr("href", controlCss);


해더부분에

<link rel="stylesheet" href="css/android.css" class="os_css"/>