6.1 KiB
Modernizr, kullanıcının tarayıcısındaki HTML5 ve CSS3 özelliklerini algılayan bir JavaScript kütüphanesidir.
-
Bu dosyayı Portekizce-BR dilinde okuyun here
-
Bu dosyayı Endonezce okuyun here
-
Bu dosyayı İspanyolca okuyun here
-
Bu dosyayı İsveççe okuyun here
-
Bu dosyayı Tamil dilinde okuyun here
-
Bu dosyayı Kannada dilinde okuyun here
-
Bu dosyayı Hintçe olarak okuyun here
-
Web sitemiz eski ve hatalı, lütfen KULLANMAYIN (https://modernizr.com) bunun yerine modernizr sürümünüzü npm'den oluşturun.
Modernizr, mevcut UA'da hangi yerel CSS3 ve HTML5 özelliklerinin bulunduğunu test eder ve sonuçları size iki şekilde sunar: global bir Modernizr nesnesi üzerinde özellikler olarak ve <html> öğesinde sınıflar olarak. Bu bilgiler, sayfalarınızı deneyim üzerinde ayrıntılı bir kontrolle aşamalı olarak geliştirmenize olanak tanır.
Breaking changes with v4
-
Düğüm sürümleri <= 10 için destek kaldırıldı, lütfen en az sürüm 12'ye yükseltin
-
Aşağıdaki testler yeniden adlandırıldı:
- es-testlerin geri kalanıyla aynı çizgide kalmak için
classtanes6classa
- es-testlerin geri kalanıyla aynı çizgide kalmak için
-
Aşağıdaki testler alt dizinlere taşındı:
cookies,indexeddb,indexedblob,quota-management-api,userdatastorage alt dizinine taşındı.audioaudio alt dizinine taşındı.batterybattery alt dizinine taşındı.canvas,canvastextcanvas alt dizinine taşındı.customevent,eventlistener,forcetouch,hashchange,pointerevents,proximityevent alt dizinine taşındı.exiforientationimage alt dizinine taşındı.capture,fileinput,fileinputdirectory,formatattribute,input,inputnumber-l10n,inputsearchevent,inputtypes,placeholder,requestautocomplete,validationinput alt dizinine taşındı.svgsvg alt dizinine taşındı.webglwebgl alt dizinine taşındı.
-
Aşağıdaki testler kaldırıldı:
touchevents: discussionunicode: discussiontemplatestrings: es6'nın kopyasıstringtemplatei algılarcontains: es6'nın kopyasıes6stringi algılardatalistelem: Modernizr.input.list'in kopyası
New Asynchronous Event Listeners
Çoğu zaman insanlar, uygulamalarının buna tepki vermesine izin verebilmek için eşzamansız bir testin ne zaman yapıldığını bilmek isterler. Geçmişte özellikleri izlemeye veya "<html>" sınıflarına güvenmek zorundaydınız. Yalnızca asynchronous testler desteklenir. Hızı artırmak ve tutarlılığı korumak için eşzamanlı testler eşzamanlı olarak ele alınmalıdır.
Yeni API şuna benzer:
// 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!");
}
});
Fonksiyonunuzu yalnızca bir kez çağıracağımızı garanti ederiz (on olarak çağıracağınız her zaman için).
Şu anda trigger işlevselliğini ortaya çıkarmak için bir metod göstermiyoruz.
Bunun yerine, eşzamansız testler üzerinde kontrole sahip olmak istiyorsanız,
src/addTest özelliğini kullanın, ve ayarladığınız herhangi bir test otomatik olarak on fonksiyonunu
ortaya çıkaracak ve tetikleyecektir.
Getting Started
- Repoyu klonlayın veya indirin
- Proje bağımlılıklarını
npm installile yükleyin
Building Modernizr
From javascript
Modernizr, npm aracılığıyla programlı olarak kullanılabilir:
var modernizr = require("modernizr");
Özel Modernizr yapıları oluşturmak için bir build yöntemi kullanıma sunuldu. Örnek:
var modernizr = require("modernizr");
modernizr.build({}, function (result) {
console.log(result); // the build
});
İlk parametre, eklenecek seçeneklerden ve özellik algılamalarından oluşan bir JSON nesnesini alır. Mevcut tüm seçenekler için lib/config-all.json bakın.
İkinci parametre, görev tamamlandığında çağrılan bir fonksiyondur.
From the command-line
Ayrıca modernizr oluşturmak için bir komut satırı arayüzü de sağlıyoruz. Tüm mevcut seçenekleri görmek için çalıştırın:
./bin/modernizr
Her şeyi 'config-all.json' dosyasında oluşturmak için npm ile şunu çalıştırın:
npm start
//outputs to ./dist/modernizr-build.js
Testing Modernizr
Mocha-headless-chrome kullanarak testleri konsolda çalıştırmak için şunu yazın:
npm test
Bu komutla istediğiniz tarayıcıda da testleri çalıştırabilirsiniz:
npm run serve-gh-pages
Ve bu iki URL'e giderek:
http://localhost:8080/test/unit.html
http://localhost:8080/test/integration.html
Code of Conduct
Bu proje aşağıdaki kurallara uygundur Open Code of Conduct. Projeye katılmanız durumunda bu kurallara uymanız bekleniyor.
