Modernizr
v3.13.1
포르투갈어 에서이 파일을 여기에서 읽으십시오
인도네시아 에서이 파일을 읽으십시오
이 파일을 스페인어로 읽으십시오
스웨덴어 에서이 파일을 여기에서 읽으십시오
이 파일을 타밀어에서 여기에서 읽으십시오
칸나다어 에서이 파일을 읽으십시오
이 파일을 힌디어로 여기에서 읽으십시오
당사 웹 사이트는 구식 및 파손되며 사용하지 말고 (https://modernizr.com) NPM에서 Modernizr 버전을 구축하십시오.
선적 서류 비치
통합 테스트
단위 테스트
Modernizr CSS3 및 HTML5 기능이 현재 UA에서 사용할 수있는 Tests Tests는 두 가지 방식으로 결과를 사용할 수 있습니다 : 글로벌 Modernizr 객체의 속성과 <html> 요소의 클래스로서. 이 정보를 사용하면 경험에 대한 세분화 된 수준의 제어로 페이지를 점차적으로 향상시킬 수 있습니다.
노드 버전에 대한 지원 삭제 <= 10, 적어도 버전 12로 업그레이드하십시오.
다음 테스트의 이름이 바뀌 었습니다.
es6class class다음 테스트는 하위 디렉토리에서 이동했습니다.
cookies , indexeddb , indexedblob , quota-management-api , userdata 스토리지 서브 디렉토리로 이동했습니다.audio 오디오 하위 디렉토리로 이동했습니다battery 배터리 서브 디렉토리로 이동했습니다canvas , canvastext 캔버스 하위 디렉토리로 이동했습니다customevent , eventlistener , forcetouch , hashchange , pointerevents , proximity , 이벤트 하위 디렉토리로 이동exiforientation 이미지 하위 디렉토리로 이동했습니다capture , fileinput , fileinputdirectory , formatattribute , input , inputnumber-l10n , inputsearchevent , inputtypes , 자리 표시 자, requestautocomplete placeholder , validation 입력 하위 디렉토리로 이동했습니다.svg SVG 하위 디렉토리로 이동했습니다webgl WebGL 하위 디렉토리로 이동했습니다다음 테스트가 제거되었습니다.
touchevents : 토론unicode : 토론templatestrings : ES6의 복제는 stringtemplate 감지합니다contains : ES6의 복제는 es6string 감지합니다datalistelem : modernizr.input.list의 Dupe 종종 사람들은 비동기 테스트가 수행되는시기를 알고 싶어서 응용 프로그램에 반응 할 수 있습니다. 과거에는 속성을 보거나 <html> 수업을 보는 데 의존해야했습니다. 비동기 테스트의 이벤트 만 지원됩니다. 속도를 향상시키고 일관성을 유지하려면 동기 테스트를 동기식으로 처리해야합니다.
새로운 API는 다음과 같습니다.
// Listen to a test, give it a callback
Modernizr . on ( "testname" , function ( result ) {
if ( result ) {
console . log ( "The test passed!" ) ;
} else {
console . log ( "The test failed!" ) ;
}
} ) ; 우리는 우리가 당신의 기능을 한 번만 호출 할 것을 보장합니다 (시간당 당신이 on 하는 시간에 따라). 우리는 현재 trigger 기능을 노출시키는 방법을 노출시키지 않습니다. 대신 Async 테스트를 제어하려면 src/addTest 기능을 사용하면 설정 한 테스트가 자동으로 노출 및 on 기능을 트리거합니다.
npm install 로 프로젝트 종속성을 설치하십시오 Modernizr은 NPM을 통해 프로그래밍 방식으로 사용할 수 있습니다.
var modernizr = require ( "modernizr" ) ; Custom Modernizr 빌드를 생성하기 위해 build 방법이 노출됩니다. 예:
var modernizr = require ( "modernizr" ) ;
modernizr . build ( { } , function ( result ) {
console . log ( result ) ; // the build
} ) ; 첫 번째 매개 변수는 옵션과 기능 검출의 JSON 객체를 포함합니다. 사용 가능한 모든 옵션은 lib/config-all.json 참조하십시오.
두 번째 매개 변수는 작업 완료시 호출 된 함수입니다.
또한 Modernizr을 구축하기위한 명령 줄 인터페이스도 제공합니다. 사용 가능한 모든 옵션이 실행되는 것을 보려면 :
./bin/modernizr또는 'config-all.json'의 모든 것을 생성하려면 npm으로 실행하십시오.
npm start
//outputs to ./dist/modernizr-build.js콘솔 런에서 Mocha-Headless-Chrome을 사용하여 테스트를 실행하려면 :
npm test이 명령으로 선택한 브라우저에서 테스트를 실행할 수도 있습니다.
npm run serve-gh-pages이 두 URL로 이동하십시오.
http://localhost:8080/test/unit.html
http://localhost:8080/test/integration.html이 섹션에서는 ModernIZR을 다양한 빌드 도구 및 프레임 워크와 통합하는 방법에 대한 지침을 제공하여 프로젝트에서보다 쉽게 사용할 수 있습니다.
Modernizr을 Webpack과 통합하려면 다음을 수행하십시오.
Modernizr 설치 :
npm install modernizr --save Modernizr 구성 파일 생성 : 프로젝트 루트에서 modernizr-config.js 라는 파일을 만듭니다.
module . exports = {
"feature-detects" : [
"test/feature1" ,
"test/feature2" ,
// Add more feature detects as needed
]
} ; 웹 팩 구성 업데이트 : Webpack 구성 파일 (예 : webpack.config.js )을 수정하여 Modernizr 플러그인을 포함하십시오.
const ModernizrWebpackPlugin = require ( 'modernizr-webpack-plugin' ) ;
module . exports = {
// Other configurations...
plugins : [
new ModernizrWebpackPlugin ( {
"feature-detects" : [
"test/feature1" ,
"test/feature2"
]
} )
]
} ;프로젝트 구축 : 웹 팩 빌드 프로세스 실행 :
npm run buildGulp를 사용하는 경우 modernizr을 다음과 같이 통합 할 수 있습니다.
Modernizr 설치 :
npm install modernizr --save-dev Gulp 작업 만들기 : gulpfile.js 에서 Modernizr을 빌드하는 작업을 추가하십시오.
const gulp = require ( 'gulp' ) ;
const modernizr = require ( 'modernizr' ) ;
gulp . task ( 'modernizr' , function ( ) {
return modernizr . build ( {
"feature-detects" : [
"test/feature1" ,
"test/feature2"
]
} ) . pipe ( gulp . dest ( 'dist/' ) ) ;
} ) ;Gulp 작업 실행 : Modernizr 빌드를 생성하려면 작업을 실행하십시오.
gulp modernizr소포를 사용하는 프로젝트의 경우 다음과 같이 ModernIzr을 통합 할 수 있습니다.
Modernizr 설치 :
npm install modernizr --save Modernizr 구성 파일 생성 : Webpack 설정과 유사하고 modernizr-config.js 파일을 만듭니다.
module . exports = {
"feature-detects" : [
"test/feature1" ,
"test/feature2"
]
} ; 소포 구성 업데이트 : parcel-plugin-modernizr 와 같은 플러그인을 사용하여 Modernizr을 통합 할 수 있습니다.
npm install parcel-plugin-modernizr --save-dev프로젝트 구축 : Parcel을 실행하여 프로젝트를 구축하십시오.
parcel build index.htmlModernizr을 빌드 도구와 통합하면 사용자 브라우저의 기능을 감지하고 응답 할 수 있도록 웹 응용 프로그램을 향상시킬 수 있습니다. 위의 단계를 따라 선호하는 빌드 도구로 Modernizr을 설정하십시오.
자세한 내용은 Modernizr 문서를 참조하십시오.
이 프로젝트는 공개 행동 강령을 준수합니다. 참여 함으로써이 코드를 존중해야합니다.
MIT 라이센스
