기본 콘텐츠로 건너뛰기

IE 문서모드 관련




<meta http-equiv="X-UA-Compatible" content="옵션" />

해당 소스는 IE8이 나오면서 생긴 문서 모드 변경하는 법이다.

옵션

1.버전별로 할 수 있으며 IE5~IE10까지는 가능하다.

2.Emulate라는 속성이있는데 에뮬레이션 모드로 지정된 DOCTYPE 에 따라 표준모드나 관용모드로 렌더링 되는 옵션이다.

3.Edge 라는 속성은 DOCTYPE에 상관없이 IE8 이상 버전에서 최신 표준 모드로 렌더링 되는 옵션이다.

예)
<meta http-equiv="X-UA-Compatible" content="IE=8;" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge;" />

하지만 새로나온 IE 11에서는 사용이 불가하다

IE11이되면서 콘솔창에 'navigator.userAgent' 명령어를 쳐서 보면 예전에 IE이라면 'MSIE'라는게 있었지만

11부터는 호환가능("compatible") 및 브라우저("MSIE")토큰이 제거가 되면서 rv라는게 생겼다.

앞으로 익스플로러 새로 나올때   rv:11.0  럼 rv:12.0 이런 식으로 나올듯 싶다.

스크립트에서 익스 찾을때 MSIE로 정규표현식을 쓴 프로젝트들이 있다면 발 빠르게 바꾸는것이 좋을 거 같다.


<!--[if lt IE 9]>

<![endif]-->

이거와 같이 html 에서 IE 이상 또는 이하일때 파일을 갖고오는것을 썼는데 11부터는 IE를 RV로 고쳐서 쓰면된다

<!--[if lt RV 11]>

<![endif]-->

댓글

이 블로그의 인기 게시물

Intellij에서 Eclipse 프로젝트 import시 설정해줘야 할 것들

요즘 여유가 좀 생겨서 지금까지 Eclipse만 쓰다가 사람들이 하도 Intellij가 좋다하길래 얼마나 좋길래 하고 써보려고 하다가 프로젝트를 import 시키던중 좀 적어두면 좋을거같아서 적어보려고한다 !! 다음에 잊지 않기 위해... 1. Settings > Build, Execution, Deployment > Compiler > Java Compiler 버전 맞추기 2. 상단에 설정 추가 하는부분을 눌러 톰켓을 생성해준다. 꼭 넣어줘야할 부분은 VM options에  -Dfile.encoding=utf-8  한글 깨짐 방지다. (그리고 intellij 설치 된 곳에 bin폴더 안에 vmoptions 확장자를 갖은 녀석의 맨 마지막 줄에도 넣어준다!) 3. project structure > Project Settings > Project 그리고 java버전에 맞춰서 project language level도 맞춰줘야합니다! 4. project structure > Project Settings > Modules - Sources 여기도 project language level도 맞춰줘야합니다! 5. project structure > Project Settings > Modules - Dependencies 들어가서 + 단추를 누르고 Library..를 누르고 Tomcat 추가! 이러면 이클립스에서 갖고온 프로젝트가 잘 동작합니다!! 아 그리고 .settings, .classpath, .project 는 필요 없어지므로 삭제해도 무방합니다 ps. 사실... 이클립스 쓰면서 불편한건 하나도 없었어요... 그리고 아직은 단축키라던지 익숙하지 않아서 이클립스가 더 편하네요... 사실 이클립스 단축키를 인텔리제이와 동일하게 할 수 있지만.... 인텔리제이의 기본 설정만 써...

Ext JS 4.2 트리 노드 추가 및 스크롤 이동

Ext.require([ '*' ]); Ext.onReady( function (){      var addButton = Ext.create( 'Ext.Button' , {         text: '노드 추가(Add Node)' ,         scale: 'large' ,         listeners: {         el: {             click: function () {          var thisNode =  Ext.getCmp( 'xAxisTreeUse' ).getRootNode().appendChild({                      "text":"노드 이름 (Node name) "         });                 Ext.getCmp( " tree " ).selectPath(thisNode.getPath());             }         }     });      var   store = Ext.create( 'Ext.data.TreeStore' , {             id:  'store' ,     ...