브라우져 체크, 스크립트를 블로그에 적용하다

브라우져 검사, 스크립트를 블로그에 적용하다


어제 "블로그에 적용한 브라우져 체크 스크립트, Edge 넌 뭐냐?"라는 글을 올렸었다.

"Edge 넌 뭐냐?"라는 말이 절로 나오는 상황이었다.   ^^;;


여러분들이 댓글을 달아주시고 항상 나눔을 실천을 하시는 

이웃분들의 수정방법을 통하여 브라우져 검사 스크립터가 완성되었고 적용하였다.




수정된 스크립트는 아래와 같다.



/*!

 * Broswer Check.....

 * 수정 : 2018.05.30 - 13:49:25

 */


var broswer = {};

 

broswer.isMobile = function() {

    var tempUser = navigator.userAgent;

    var isMobile = false;

 

    // userAgent 값에 iPhone, iPad, ipot, Android 라는 문자열이 하나라도 존재한다면 모바일로 간주됨.

    if (tempUser.indexOf("iPhone") > 0 || tempUser.indexOf("iPad") > 0

            || tempUser.indexOf("iPot") > 0 || tempUser.indexOf("Android") > 0) {

        isMobile = true;

    }

    return isMobile;

};

 

broswer.isMobileChkPrint = function(isMobileChk) {

    var result = "";

    if (isMobileChk) {

        result = "<em>Mobile Web broswer</em>&nbsp;";

    } else {

        result = "<em>PC Web broswer</em>&nbsp;";

    }

    return result;

};


//브라우저의 종류 확인

broswer.getBroswerName = function() {

    //userAgent값을 모두 소문자로 변환하여 변수에 대입

    var agt = navigator.userAgent.toLowerCase();

    

    if(agt.indexOf("edge") != -1) {

        return '<b>/* Edge */</b> 그나마 다행이네, <em>Internet Explorer</em>가 아니라서 <br><span class="ooppa-font"> ㅠㅠ; </span></p>';

    }

    //msie는 Expolrer 11d이전 버전, trident는 Explorer 11버전

    else if(agt.indexOf("msie") != -1 || agt.indexOf("trident") != -1) {

        return '<b>/* Internet Explorer */</b> 아~, 언제 버릴건가요? <br><span class="ooppa-font"> ㅠ.ㅠ </span></p>';

    }

    else if(agt.indexOf("firefox") != -1) {

        return '<b>/* Firefox */</b> 조금 이상하게 보이죠 <br><span class="ooppa-font"> ^^; </span></p>';

    }

    else if(agt.indexOf("opera") != -1 || agt.indexOf("opr") != -1) {

        return '<b>/* Opera */</b> 살짝 이상하게 보이죠 <br><span class="ooppa-font"> ^^; </span></p>';

    }

    else if(agt.indexOf("netscape") != -1) {

        return '<b>/* Netscape */</b> 아직도 쓰세요 <br><span class="ooppa-font"> ^^; </span></p>';

    }

else if(agt.indexOf("whale") != -1 || agt.indexOf("Whale") != -1) {

        return '<b>/* Naver Whale */</b><b> ... Very Good</b> <br><span class="ooppa-font"> 乃 </span></p>';

    }

else if(agt.indexOf("chrome") != -1) {

        return '<b>/* Chrome */</b><b> ... Very Good</b> <br><span class="ooppa-font"> 乃 </span></p>';

    }

    else if(agt.indexOf("safari") != -1) {

        return '<b>/* Safari */</b> 많이 이상하게 보이죠 <br><span class="ooppa-font"> ^^; </span></p>';

    }

else {

        return '<b>/* Unknown */</b> 도대체 뭘로 접속한건가요? <br><span class="ooppa-font"> ^^;;; </span></p>';

    }

};




var isMobileChk= broswer.isMobile();

var resultData =broswer.isMobileChkPrint(isMobileChk);

document.write("<p><br></p><p>" +resultData+" "+broswer.getBroswerName()+""); 

document.write("<p><b>Chrome,</b> <em>Naver Whale</em> - Broswer : <b>/* Optimized */</b></p><p><br></p>"); 


묘한오빠

남자의 호칭 중에 "오빠"처럼 묘한 것도 없었다

이미지 맵

묘한오빠/블로그가 변한다 다른 글

이 글에 담긴 의견 5

*

*

사진첨부

    • 문구 보고 피식했어요 ㅋㅋㅋ 저는 크롬 쓰는데 잘 나오네요 ㅎㅎ 웨일도 괜찮나 봐요?

    • 지금은 웨일을 집중적으로 사용하고 있습니다.
      크롬에서 더 이상 지원되지 않는 앱들을 웨일에서 그대로 다시 사용할 수 있도록 개발되어 아주 좋습니다.
      꼭, 이전에 크롬플러스를 사용하는 것과 같은 느낌입니다. ^_^

      탭에서 오른쪽 마우스를 클릭하면 탭이 닫힌다던지, 북마크가 새탭으로 열린다던지..., 자잘한 부가기능들이 많거든요 ㅎㅎ

이전 글

다음 글