기능 및 동작 검색 사용

Windows Internet Explorer 9에서는 브라우저 간 차이로 인한 영향이 줄어들기 때문에 브라우저 간에 동일한 태그를 사용할 수 있습니다. 동일한 태그를 사용하려면 각 브라우저가 HTML, JavaScript 및 CSS 스타일시트 코드의 "간단한 작동"을 가능하게 하는 올바른 기능을 지원해야 합니다. 또한 개발자는 그러한 기능이 사용 가능할 때 제대로 검색하고 사용해야 합니다. Internet Explorer 11(또는 기타 브라우저)에 특정한 포커스 동작이 아니라 기능 및 동작 검색을 사용하여 브라우저 간 차이에 맞게 안정적으로 조정되는 코드를 작성할 수 있습니다.

다음은 웹 페이지가 브라우저 간에 호환되는지 확인하기 위한 "권장 사항" 및 "금지 사항" 목록입니다.

수행할 사항:

오류의 출처를 좀 더 안정적으로 검색하고 웹 페이지가 브라우저 간에 호환되는지 확인하려면 다음 검색 방법을 사용하세요.

  • 기능 검색: 기능을 사용하기 전에 브라우저가 해당 기능을 지원하는지 테스트합니다. 기능 검색은 모든 브라우저의 호환성을 미리 파악하기 전에, 브라우저 간 코드의 "간단한 작동"을 가능하게 합니다. 예를 들어 jQuery 프레임워크는 거의 전적으로 기능 검색에 의존합니다. 사이트에서 jQuery의 기능 검색을 사용하는 방법에 대해 자세히 알아보려면 jQuery.support 문서를 참조하세요.
  • 동작 검색: 해결책을 적용하기 전에 알려진 문제를 테스트합니다. jQuery는 또한 특정 해결책이 필요한지 확인하기 위해 알려진 문제에 대한 테스트를 실행하여 동작 검색을 사용합니다.

금지 사항:

  • 특정 브라우저 검색: 페이지의 동작을 변경하기 위해 브라우저의 ID(예: navigator.userAgent)를 사용해서는 안 됩니다. 특정 브라우저를 기반으로 코드를 변경하면 해당 페이지를 변경 사항에 따라 손쉽게 조정할 수 없으며, 새 브라우저가 출시될 경우 작동이 중단될 수 있습니다. 다른 상황에서는, 해결책이 더 이상 필요하지 않은 경우에도 페이지가 기존 해결책을 사용합니다.
  • 관련 없는 기능 추정: 한 기능에 대해 기능 검색을 수행하고 다른 기능을 사용해서는 안 됩니다. 이 문제가 있는 사이트는 한 기능에 대해 기능 검색을 수행한 다음, 지원 여부를 테스트하지도 않은 채 다른 기능을 사용합니다.

관련 항목

"같은 태그: 브라우저 간 코드 작성"
IE9 및 같은 태그: IE9에서 DOM 이벤트 조회
IE9 및 같은 태그: IE9에서 CSS3 테두리 및 모서리 조회
HTML5: 브라우저 간 모범 사례
jQuery.support 문서
같은 태그: "@_jscript_version" 설명 및 새로운 HTML5 요소 스타일 지정

 

 

표시:
© 2014 Microsoft