modernizr.js는 HTML5 파일과 어떻게 통신합니까?

-2

내 웹 사이트에서 modernizr.js를 사용하고 싶습니다. 어떻게 작동합니까? 다른 js 파일과 어떻게 통신합니까? 어떻게 사용할 수 있습니까?modernizr.js는 HTML5 파일과 어떻게 통신합니까?

PhoneGap을 사용하여 모바일 응용 프로그램 개발에서 작동합니까?

2013-02-05 Freak

당신이 http://modernizr.com/ 본 예? –

모더 나이저이 기능을 감지하는 페이지로드에 신속하게 실행; 그런 다음 은 결과가있는 JavaScript 객체를 만들고 CSS를 키 입력 할 수 있도록 html 요소에 클래스를 추가합니다. Modernizr은 수십 개의 테스트를 지원하고, 외부 .js 및 .css 리소스의 조건부 로딩을 위해 YepNope.js를 선택적으로 포함합니다.

네, phonegap에서 작동합니다. 보통 modernizr은 "브라우저"가 특정 속성을 가지고 있는지 확인하고 html 태그에 클래스를 적용합니다. 그래서 당신은 문제의 기능을 지원하지 않는 브라우저와 브라우저를위한 스타일을 만들 수 있습니다.

cssmasks .icon { 
    width: 60px; 
    height: 60px; 
    margin: 0 auto; 
    background-color: #ffcc33; 
    display: inline-block; 
} 
.no-cssmasks .icon { 
    width: 60px; 
    height: 60px; 
    margin: 0 auto; 
    display: inline-block; 
    background-image: url('http://i.cubeupload.com/VvBVjp.png'); 
} 
.cssmasks .icon-note{ 
    -webkit-mask-image: url('http://i.cubeupload.com/VvBVjp.png'); 
}

출처

2013-02-05 06:41:00

유용한 답장을 보내 주셔서 감사합니다. 브라우저에서 태그를 지원하는지 여부를 보여줍니다. 그러나 그것도 솔루션을 추가 할 것인가? – Freak

아니요, 솔루션을 추가하지 않을 것입니다. 일부 기사에서 정보 부족으로 인해 브라우저가 호환되지 않을 수도 있습니다. 브라우저가 무언가를 할 수 있는지 확인하고 css에 알려줌으로써 해당 기능이 지원되지 않는 경우 특수한 경우를 프로그래밍 할 수 있습니다. –

좋습니다. 알았다. 고마워요 Danilo :) – Freak

제가 아는 한, 대부분 비 지원 브라우저에서 HTML5 또는 CSS3에 사용됩니다.

Modernizr은 차세대 웹 기술, 즉 HTML5 및 CSS3 사양에서 비롯되는 기능에 대한 기본 구현의 가용성을 감지하는 작은 JavaScript 라이브러리입니다. 이러한 기능 중 상당수는 최소한 하나 이상의 주요 브라우저 (대부분 2 개 이상)에서 이미 구현되어 있으며 Modernizr은 현재 브라우저에이 기능이 기본적으로 구현되었는지 여부를 알려주는 매우 간단합니다.

체크 아웃이 링크 - http://modernizr.com/docs/#whatis

출처

2013-02-05 06:37:02 HADI

감사합니다. @HADI. 그것은 매우 유용합니다. :) – Freak

modernizr.js는 HTML5 파일과 어떻게 통신합니까?

답변

관련 문제