IT모아 IT모아

익스플로러 호환성

• editor에 이미지 미리보기 시 createRange 오류

  익스플로러 호환성 2016. 8. 9. 15:27

  1. 해결 하기 앞서 이해하고 넘어가기 위한 자료 문제: 요새 우리 서비스는 글쓰기 에디터에 몇 가지 골치 아픈 버그가 있어 어려움을 겪고 있다. 이 작업은 주로 뒷자리 A가 하고 있는데, 도움을 주고 싶어도 에디터 쪽은 기반 지식이 좀 있어야 해서 어렵더라. 에디터에서는 셀렉션과 레인지에 대한 이해가 꼭 필요하다고 한다. 몇 달 전에 summernote 에디터를 작성한 에디터 전문가 H에게 일장 강의를 들은 적도 있는데... 다 까먹었다… -_-;; 함수의 동작보다는, 앵커니 포커스니 하는 개념을 잘 몰라 이해하기 어렵더라. 이 참에 MDN 페이지를 보고 정리해두려고 한다. 해결책: Selection Selection 은 window.getSelection() 이나 다른 메서드의 호출로 생성되는 객체이..

  Read More
• HtmlDOM VS CoreDOM 차이점

  익스플로러 호환성 2015. 11. 18. 15:30

  DOM ? Document Object Model의 약자로 웹 문서에 사용되는 요소를 객체화 시킨 모델을 말한다. Core DOM Core DOM 최초 객체 모델이 완성된 1988년 부터 HTML과 XML등을 다루기 위해서 생겨났다. 이후 HTML DOM과 XML DOM등이 추가 되었지만 Core DOM은 웹 브라우저간의 호환성이 뛰어나서 주로 사용된다. 버튼 HTML DOM : b1 Core DOM: document.getElemnetById("b1") Core DOM에서 HTML 객체 호출 getElementById(): id 속성 값을 사용해 객체를 가져온다. getElementByTabName(): 태그 이름을 사용하여 모든 객체를 불러와서 배열로 받는다. document.getElementByI..

  Read More
• IE TESTER(인터넷 익스플로러 버전별 호환성 검사)

  익스플로러 호환성 2014. 3. 24. 15:39

  사이트를 하나 개발하고 있는 과정에서 홈페이지가 익스플로러 버전별로 레이어라든지 png파일 투명배경 이미지라든지 서로 호환이 잘 안되는 경우가 있고작동을 안하는 스크립트 문법 오류등이 발견되어서 한참 고생 하고 있을 때 바로바로바로바로 IE TESTER 란 프로그램을 알게 되었다.이 프로그램으로 말하자면!!IE버전별로 호환성을 테스트 할 수 있도록 된 프로그램이며IE를 버전 별로 설치 또는 재설치를 하지 않고 이 프로그램 하나로 된다는 것이다.IE TESTER의 매력에 흠뻑 빠져봅시다!! ㅎIE TESTER 다운받는 곳 : http://www.my-debugbar.com/wiki/IETester/HomePage1. 위 주소로 들어가면 아래와 같은 창이 뜬다. 저기서 Download IETESTER를 눌러..

  Read More