5.7 KiB
Modernizr är ett JavaScript-bibliotek som upptäcker HTML5- och CSS3-funktioner i användarens webbläsare.
-
Läs filen på Portugugisiska-BR här
-
Läs filen på indonesiska här
-
Läs filen på spanska här
-
Läs filen i kannada här
-
Läs filen på hindi here
-
Vår webbplats är föråldrad och trasig, använd rekommenderas inte (https://modernizr.com) utan ladda ned och bygg din modernizr-version med npm.
Modernizr testar vilka inbyggda CSS3- och HTML5-funktioner som är tillgängliga i den aktuella UA och gör resultaten tillgängliga för dig på två sätt: som egenskaper på ett globalt Modernizr-objekt och som klasser på <html>-elementet. Denna information gör att du gradvis kan förbättra dina sidor med detaljerad information över upplevelsen.
Förändringar med v4
-
Avbrutet stöd för node versioner <= 10, uppgradera till minst version 12
-
Följande tester har bytt namn:
classtilles6classför att vara närmare resten av es-testen
-
Följande tester har flyttats till underkataloger:
cookies,indexeddb,indexedblob,quota-management-api,userdataflyttade till storage underkatalogenaudioflyttade till audio underkatalogenbatteryflyttade till battery underkatalogencanvas,canvastextflyttade till canvas underkatalogencustomevent,eventlistener,forcetouch,hashchange,pointerevents,proximityflyttade till event underkatalogenexiforientationflyttade till image underkatalogencapture,fileinput,fileinputdirectory,formatattribute,input,inputnumber-l10n,inputsearchevent,inputtypes,placeholder,requestautocomplete,validationflyttade till input underkatalogensvgflyttade till svg underkatalogenwebglflyttade till webgl underkatalogen
-
Följande tester har tagits bort:
touchevents: diskussionunicode: diskussiontemplatestrings: dubblett av es6 detectstringtemplatecontains: dublett av es6 detectes6stringdatalistelem: En dublett av Modernizr.input.list
Nya asynkrona händelselyssnare
Folk vill ofta veta när ett asynkront test görs så att de kan låta deras applikation reagera på det.
Tidigare har du varit tvungen att lita på att titta på egenskaper eller <html>-klasser. Tester stöder ändast asynkrona händelser.
Synkrona tester bör hanteras synkront för att förbättra hastigheten och bibehålla konsekvenser.
Det nya API:n ser ut så här:
// 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!");
}
});
Vi garanterar att vi bara kommer att anropa din funktion en gång (per gång du aktiverar on funktionen). Vi förser för närvarande inte
en metod för att exponera "trigger"-funktionen. Istället, om du vill ha kontroll över dina asynkronatester, använd
src/addTest-funktionen, och varje test som du ställer in kommer automatiskt att exponera och trigga on-funktionen.
Kom igång
- Klona eller ladda ned arkivet.
- Installera projektberoenden med
npm install
Att bygga Modernizr
Från javascript
Modernizr kan användas via npm:
var modernizr = require("modernizr");
En build metod är exponerad för att generera anpassade Modernizr-builds. Exempel:
var modernizr = require("modernizr");
modernizr.build({}, function (result) {
console.log(result); // the build
});
Den första parametern tar med ett JSON-objekt med alternativ och funktioner. Se lib/config-all.json för alla alternativ.
Den andra parametern är en funktion som anropas när uppgiften är klar.
Från kommandocentralen
Vi tillhandahåller också ett kommando för att bygga modernizr. För att se alla tillgängliga alternativ körs:
./bin/modernizr
Eller för att generera allt i 'config-all.json' kör detta med npm:
npm start
//outputs to ./dist/modernizr-build.js
Testa Modernizr
Så här kör du testerna med mocha-headless-chrome på konsolen:
npm test
Du kan också köra tester i den webbläsare du väljer med detta kommando:
npm run serve-gh-pages
och navigera till dessa två webbadresser:
http://localhost:8080/test/unit.html
http://localhost:8080/test/integration.html
Uppförandekod
Detta projekt följer Open Code of Conduct. Genom att delta förväntas du respektera detta.
