Skip to content

Latest commit

 

History

History
160 lines (113 loc) · 6.11 KB

README.tr.md

File metadata and controls

160 lines (113 loc) · 6.11 KB
Raw

Modernizr

Modernizr, kullanıcının tarayıcısındaki HTML5 ve CSS3 özelliklerini algılayan bir JavaScript kütüphanesidir.

npm version Build Status codecov Inline docs

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 classtan es6classa

  • Aşağıdaki testler alt dizinlere taşındı:

    • cookies, indexeddb, indexedblob, quota-management-api, userdata storage alt dizinine taşındı.
    • audio audio alt dizinine taşındı.
    • battery battery alt dizinine taşındı.
    • canvas, canvastext canvas alt dizinine taşındı.
    • customevent, eventlistener, forcetouch, hashchange, pointerevents, proximity event alt dizinine taşındı.
    • exiforientation image alt dizinine taşındı.
    • capture, fileinput, fileinputdirectory, formatattribute, input, inputnumber-l10n, inputsearchevent, inputtypes, placeholder, requestautocomplete, validation input alt dizinine taşındı.
    • svg svg alt dizinine taşındı.
    • webglwebgl alt dizinine taşındı.

  • Aşağıdaki testler kaldırıldı:

    • touchevents: discussion
    • unicode: discussion
    • templatestrings: es6'nın kopyası stringtemplatei algılar
    • contains: es6'nın kopyası es6stringi algılar
    • datalistelem: 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 "" 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 install ile 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.

License

MIT License