Modernizr
v3.13.1
Прочтите этот файл на португальском Br здесь
Прочтите этот файл на индонезийском языке здесь
Прочтите этот файл на испанском здесь
Прочитайте этот файл по шведению здесь
Прочтите этот файл на тамильском здесь
Прочтите этот файл в Каннаде здесь
Прочтите этот файл на хинди здесь
Наш веб -сайт устарел и сломан, пожалуйста, не используйте его (https://modernizr.com), а скорее создайте свою версию Modernizr из NPM.
Документация
Интеграционные тесты
Модульные тесты
Modernizr проверяет, какие нативные функции CSS3 и HTML5 доступны в текущем UA и предоставляют результаты доступными для вас двумя способами: как свойства на глобальном объекте Modernizr и в качестве классов по элементу <html> . Эта информация позволяет вам постепенно улучшать свои страницы с помощью гранулированного уровня контроля над опытом.
Отброшенная поддержка версий узлов <= 10, пожалуйста, обновите хотя бы до версии 12
Следующие тесты были переименованы:
class до es6class , чтобы соответствовать остальным ES-тестамСледующие тесты были перемещены в подкатализаторах:
cookies , indexeddb , indexedblob , quota-management-api , userdata перенесен в подкаталог для храненияaudio перенесено в подканализацию аудиоbattery перемещается в подкаталог батареиcanvas , canvastext переехал в подкаталог Canvascustomevent , eventlistener , forcetouch , hashchange , pointerevents , proximity перешла в подкаталог событийexiforientation перемещается в подкаталог изображенияcapture , fileinput , fileinputdirectory , formatattribute , input , inputnumber-l10n , inputsearchevent , inputtypes , placeholder , requestautocomplete , validation перенесена во входной подрукаторsvg переехал в подкаталог SVGwebgl переехал в подкаталог webglСледующие тесты были удалены:
touchevents : обсуждениеunicode : обсуждениеtemplatestrings : дубликат ES6 обнаруживает stringtemplatecontains : дубликат ES6 обнаружения es6stringdatalistelem : Dupe of ModernizR.Input.List Часто люди хотят знать, когда проводится асинхронный тест, чтобы они могли позволить своему применению реагировать на него. В прошлом вам приходилось полагаться на просмотр свойств или классов <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 . Вместо этого, если вы хотите иметь управление асинхронными тестами, используйте функцию src/addTest , и любой тест, который вы установите, будет автоматически выявлять и запустить on .
npm install Modernizr можно использовать программно через NPM:
var modernizr = require ( "modernizr" ) ; Метод build выявляется для создания пользовательских сборков Modernizr. Пример:
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Чтобы выполнить тесты, используя мокко-хрома на консоли:
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 в вашем проекте root:
module . exports = {
"feature-detects" : [
"test/feature1" ,
"test/feature2" ,
// Add more feature detects as needed
]
} ; Обновите конфигурацию WebPack : измените файл конфигурации WebPack (например, webpack.config.js ), чтобы включить плагин Modernizr:
const ModernizrWebpackPlugin = require ( 'modernizr-webpack-plugin' ) ;
module . exports = {
// Other configurations...
plugins : [
new ModernizrWebpackPlugin ( {
"feature-detects" : [
"test/feature1" ,
"test/feature2"
]
} )
]
} ;Создайте свой проект : запустите процесс сборки WebPack:
npm run buildЕсли вы используете Gulp, вы можете интегрировать 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 build index.htmlИнтеграция Modernizr с вашими инструментами сборки может улучшить ваши веб -приложения, позволяя вам обнаружить и реагировать на возможности браузера пользователя. Следуйте приведенным выше шагам, чтобы настроить Modernizr с вашим предпочтительным инструментом сборки.
Для получения дополнительной информации обратитесь к документации Modernizr.
Этот проект придерживается открытого кодекса поведения. Участвуя, вы должны почтить этот код.
MIT Лицензия
