2013년 2월 8일 금요일

Chrome Frame 원천적으로 사용하기


Chrome Frame 에 대해 알게 되었는데;;
비판글도 많은듯
하지만 잘만 이용하면 상당히 유용하게 사용할 수 있을듯

껍데기만 익스플로러 이고 알맹이는 크롬..

개인적으론 상도에 어긋난 프로그램이라 생각
그래도 관련 기업들이 너무 거대하다보니 그런생각은 잠시 접어두어도 될것같다.

크롬이 html5 렌더링 부분에선 가장 우수하니 html5 만 적용되는 사이트에도 유용하게 사용될 수 있을것 같고
이부분이 가장 크지

--------------------------------------------------------------------
좀더 커스터마이징 하기 쉽도록 스크립트 최소화 및 iFrame 이용한 부분적용 가능
--------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style type="text/css">.box{border-width:2px;border-color:#333333; border-style: solid;width: 100%;height: 500px;}</style>
<!--[if lt IE 9]>
<script type="text/javascript">
  function chkIns() {
    if (navigator.userAgent.toLowerCase().indexOf('chromeframe') >= 0)
    return true;
  if (typeof window.ActiveXObject != 'undefined'){
    try {
    var a = new ActiveXObject('ChromeTab.ChromeFrame');
      if (a) {
      a.registerBhoIfNeeded();
      return true;
    }
    } catch (b) {
    }
  }
    return false;
  }
</script>
<![endif]-->
</head>
<body>
<h1>Chrome Frame Test!!</h1>
<!--[if lt IE 9]>
<h2>IE 8 이하 브라우저입니다.</h2>
<script type="text/javascript">
  if(chkIns()){
    document.write("<object id='ChromeFrame' class='box' codebase='http://www.google.com' classid='CLSID:E0A900DF-9611-4446-86BD-4B1D47E7DB2A'> ");
    document.write(" <param name='src' value='http://www.naver.com' /> ");
    document.write(" <embed id='ChromeFramePlugin'  src='http://www.google.com' type='application/chromeframe' /> ");
    document.write("</object>");
  }else{
     document.write("<div class='box'>크롬프레임 설치가 필요합니다. <br><br><b><a target='_blank' href='http://www.google.com/chromeframe'>크롬 프레임 다운받기</a></b></div>");
  }
</script>
<![endif]-->
<!--[if gt IE 8]><!-->
<h2>IE 9 이상 또는 그외 브라우저입니다.</h2>
<iframe src="http://www.naver.com" class='box'></iframe>
<!--<![endif]-->
</body>
</html>
--------------------------------------------------------------------


Chrome Frame 사이트 : http://www.google.com/chromeframe/index.html
참고 : https://groups.google.com/forum/?fromgroups=#!topic/google-chrome-frame/2Jq-isAdi1k