Modernizr yardımcı aracı olarak geliştirilen bu eklenti sayesinde eski tarayıcıların desteklemediği özellikleri alternatif polyfill kütüphaneleri ile kolayca desteklenmeyen özelliklerin yerini doldurabilirsiniz veya uyarı verdirebilirsiniz.
Yepnope – Modernizr için sağlam bir yardımcı araç
Şimdi yepnope kütüphanesi için kullanılacak parametrelere ve kullanımına daha sonrada alt satırlarda örnekleyerek anlatmaya çalışıcam.
Syntax
1 2 3 4 5 6 7 8 9 | Yepnope({ test: /* Belirtmiş olduğunuz sonucu(true/false olarak) kontrol eder*/, yep: /* test özelliğindeki sonuç doğru(true) ise buradaki kütüphane çalışır */, nope: /* test özelliğindeki sonuç doğru değil(false) ise buradaki kütüphaneler çalışır*/, both: /* sonuç ister true ister false olsun burada belirttikleriniz çalışır */, load: /* yüklemede çalıştırılacak kodunuz */, callback:/* yükleme sonrasında çalışacak kodunuz */, complete: /* herşey tamamlandığında çalışacak kodunuz*/, }); |
Şimdi bir örnek ile yukarıdaki kodu daha net anlayacaksınız.
Örnek 1
Bu örnekte eğer tarayıcı audio
özelliğini destekiyorsa o zaman audio.js
ama desteklemiyorsa audio-polyfill.js
kütüphanesi çalışacak.
1 2 3 4 5 | yepnope({ test: Modernizr.audio, yep: 'audio.js' nope: 'audio-polyfill.js' }); |
Örnek 2
Bu örneğimizde ise eğer tarayıcı video
özelliğini destekliyorsa video.css çalıştırılacak fakat eğer desteklemiyorsa video-html5.css
ve video-polyfill.js
kütüphanesi çalıştırılacak.
1 2 3 4 5 6 7 8 9 | yepnope({ test: Modernizr.video, yep: 'video.css', nope: ['video-html5.css','video-polyfill.js'], callback: function(url, result, key){ if(url == 'video-html5.css'){ alert(“HTML5 Video Hazır”); } )}; |