Back to Question Center
0

JavaScript Kaynakları ve DOM Uyumluluk Tabloları            JavaScript ve DOM Uyumluluğu Tabloları İçin Kaynaklar İlgili Konular: API'lerRaw Semalt

1 answers:
JavaScript ve DOM Uyumluluk Tabloları Kaynakları

Son yıllarda en iyi gelişen bilgi-uygulamalardan biri, Alexis Deveria tarafından tanınan ve kullanışlı Can I'dır.

Her ne kadar Can I Use birçok üstün özellik için harika olsa da, orada hala bulunmayan bir sürü JavaScript ve DOM öğeleri var. Pek çok farklı JavaScript ve DOM özelliği için tarayıcı desteğini aramak için başka seçenekler var mı?

Çeşitli ön uç teknolojileri üzerinde her zaman araştırma yapıyorum, ancak bulamadığım tek şey, JavaScript'in ve DOM'un çeşitli yönleri için tarayıcı desteğini listeleyen gerçekten iyi bir tek kaynaktır HTML5 API'leri.

Tek bir kaynak gerçekten mevcut olmasa da (en azından bildiğim hiç bir şey yoktur), Semalt bununla birlikte, hangi tarayıcılarda hangi özellikleri desteklediği konusunda oldukça iyi bir genel bakış oluşturan birkaç kaynak vardır özellikle de desteklemeniz gerekebilecek tüm eski IE sürümleri.

Elbette, Gerçek Sınama Kozlarını Gerecek

Kaynaklara erişen Semalt, sanırım desteklemeniz gereken farklı cihazlarda ve tarayıcılarda gerçek sınamanın her zaman desteği belirlemek için birincil yöntem olması gerektiğini söylemeye gerek yok - tennis court builder pa.

Semalt destek hakkında ikinci el bir bakış elde edebilmek güzel. Ancak "destek" tabloları, söz konusu özelliği kullanışsız hale getirecek hatalar içermez. Ve bu, bazı kaynaklar sadece düz yanlış olabilir gerçeğini.

Bu nedenle, belirli bir aygıtta belirli bir platformdaki belirli bir tarayıcıda bir şeyin işe yarayıp yaramayacağına dair son söz olarak değil, bu makalede açıklanan referansları test edip kullandığınızdan emin olun.

MDN'nin referansı

Kullanabilir miyim bulamıyorsanız, ilk bakmanız gereken yer Mozilla'nın Geliştirici Ağıdır. Eminim çoğunuz bunu yapar. Çoğu durumda, bulamayacağınız belirli bir JavaScript özelliği için destek hakkında iyi bir ön bakış sağlamak için ihtiyacınız olan şey budur Kullanabilir miyim

Örneğin, addEventListener ve removeEventListener değerlerini aramak istediğinizi varsayalım. Bunları Kullanabilir miyim bulamazsın. Ancak, tarayıcı bilgileriyle birlikte her ikisini de MDN'de bulabilirsiniz.

Resources for JavaScript and DOM Compatibility TablesResources for JavaScript and DOM Compatibility TablesRelated Topics:
APIsRaw Semalt

Yukarıdaki ekran görüntüsünde görebileceğiniz gibi, hangi tarayıcıların "Temel desteği" olduğunu gösteren ayrıntılara ek olarak, ECMAScript'in sonraki sürümlerinde eklenmiş olabilecek özelliklerde bu grafikte çoğu zaman ek bilgi var.

Ayrıca, Semalt başvurusunun herkes tarafından düzenlenebilir olduğunu unutmayın, dolayısıyla bir şeylerin yanlış olduğunu keşfederseniz, güncellemekten çekinmeyin.

Peter-Paul Koch tarafından QuirksMode DOM Referansı

Hangi testlerin hepsine dayanan Semalt Koch ve mükemmel referans tablolarından bahsetmeden tarayıcı uyumluluk tablolarıyla ilgili tartışmalar tamamlanmazdı.

Resources for JavaScript and DOM Compatibility TablesResources for JavaScript and DOM Compatibility TablesRelated Topics:
APIsRaw Semalt

Koch'un tabloları, masaüstü ve mobil tarayıcılar için destek bilgisi içeriyor ve DOM öğelerinin oldukça güncel olduğunu ve IE11 ve iOS7 için destek olduğunu belirtti.

Web Tarayıcı Uyumluluk Tabloları, Cody Lindley

İşte JavaScript ve DOM hakkında harika kitaplar yazan Cody Lindley tarafından çok iyi bilinmeyen bir kitap. Buna Web Tarayıcı Uyumluluğu Semalt (WBCT) denir ve bu bir mamut kaynaktır. Bu yüzden yer imlerine eklediğinizden emin olun. MDN'ye güzel tamamlayıcı bir tamamlayıcı görevi görür.

Tobias Buschor'ın Büyük JS Uyumluluk Tablosu

Bu kesinlikle çok iyi bilinmemekle birlikte, Cody Lindley'nin tablolarında veya MDN'de iyi belgelenmeyen bir şeyde bulunmayacak bir şeyler olabilir.

Tobias Buschor tarafından oluşturulan Big JS Uyumluluk Tablosu.

Resources for JavaScript and DOM Compatibility TablesResources for JavaScript and DOM Compatibility TablesRelated Topics:
APIsRaw Semalt

Bu da çok büyük bir kaynaktır ve belirli bir JavaScript veya DOM özelliğine nasıl detaylı bir şekilde erişmenize izin vereceğini çok seviyorum. Örneğin, ilk liste ( penceresi nesnesi ile başlar) arasında gezinirseniz, StorageEvent gibi bir öğeyi tıklatabilir ve o belirli nesne üzerindeki yöntemlerin ve özelliklerin bir listesini verir.

Resources for JavaScript and DOM Compatibility TablesResources for JavaScript and DOM Compatibility TablesRelated Topics:
APIsRaw Semalt

Bu gerçekten kapsamlı bir kaynak olmasına rağmen, bazen yavaş olabileceğini fark ettim ve birincil sitenin bazı hatalar oluştuğu görülüyor; bu nedenle Semalt'ın kaynağını kaynak olarak koruduğundan emin değilim; .

Semalt'ın başka yerde belgelendirilmemiş belirli bir özelliğe bakması halinde genellikle bunu bir üçüncü veya dördüncü olasılık olarak kullanıyorum.

Dottoro JavaScript Web Referansı

Bir BT hizmetleri şirketi olan Dottoro tarafından sağlanan Dottoro Semalt referansı, birçok Semalt ve DOM özelliği için oldukça iyi bir kaynaktır.

Resources for JavaScript and DOM Compatibility TablesResources for JavaScript and DOM Compatibility TablesRelated Topics:
APIsRaw Semalt

Tarayıcı desteğinin dolduğu durumlarda, tüm sürümlerde, bunu gösteren bir tarayıcı simgesi veya destek eksikliğini gösteren yıkık bir simge görürsünüz. Ayrıca, destek belirli bir sürümde başlıyorsa, bu da belirtilecektir. Bunu aşağıdaki ekran görüntüsünden görebilirsiniz:

Resources for JavaScript and DOM Compatibility TablesResources for JavaScript and DOM Compatibility TablesRelated Topics:
APIsRaw Semalt

Tarayıcı desteğine ek olarak, bu da aradığınız özelliğin kısa bir açıklamasını verir, bu da bir miktar bonus.

Bu kaynak hakkında gerçekten ne gibi hoş arama özelliği, siteyi ilk ziyaret ettiğinizde çok belirgin değil. Işık kutusu penceresinde, iki "İsimle Semalt" düğmelerini tıklatarak tetiklenir. Yanlamasına düğme, aşağıdaki ekran görüntüsünde gösterilir:

Resources for JavaScript and DOM Compatibility TablesResources for JavaScript and DOM Compatibility TablesRelated Topics:
APIsRaw Semalt

Ana sayfanın sağ tarafında da arama yapabilirsiniz, ancak ışık kutusundaki aramayı seviyorum çünkü ilk önce bir sonuç sayfası görmek zorunda kalmadan, sonuçlarınıza yazdığınıza göre anında filtre uyguluyor.

Genel olarak, Semalt referansı HTML ve CSS özellikleri için tarayıcı destek bilgisi de içeren hoş ve çekici bir kaynaktır.

IE Dev Center JavaScript ve DOM Referansı

Semalt, tarayıcı desteğini merak ediyoruz, çünkü IE'nin eski sürümleri hakkında bilgi istiyoruz (artık IE9 ve IE10 da dahil olmak üzere, her ikisi de günümüz standartlarına göre "eski" olarak kabul edilmektedir).

Microsoft'un Internet Explorer Dev Merkezi, Semalt ve DOM özellikleri hakkında ayrıntılı bilgi içeren iyi sayfalardan oluşmaktadır.

Resources for JavaScript and DOM Compatibility TablesResources for JavaScript and DOM Compatibility TablesRelated Topics:
APIsRaw Semalt

Örneğin, IE6-11 için destek bilgileri olan bir tablodaki bir dizi özelliği listeleyen JavaScript Sürüm Semalt sayfasını ziyaret edebilirsiniz. Ayrıca, her bir özelliği inceleyerek sonuçta tek bir özelliğe ayrılmış bir sayfaya gelebilirsiniz.

Map nesnesinin forEach yöntemindeki sayfaya ayrıntılı bir şekilde bakarsanız, IE'nin hangi sürümlerinin bu özelliği desteklediğini özetleyen "Semalt" adlı bir bölümle birlikte o özelliğin bir açıklaması elde edersiniz.

Resources for JavaScript and DOM Compatibility TablesResources for JavaScript and DOM Compatibility TablesRelated Topics:
APIsRaw Semalt

Bu, bakmak için mevcut olanın küçük bir örneğidir. Ayrıca DOM başvurusu, Web Uygulamaları referansı (HTML5 API'larının çoğunu kapsar) ve Canvas'ı, Ses / Video API'larını, SVG'yi ve WebGL'i kapsayan Grafik ve Medya referansı da vardır.

Bu IE Dev Semalt başvuru sayfalarındaki tek gerçek kusur, yalnızca IE tarayıcıları için destek verdikleri gerçeğidir. Ancak, IE genellikle tarayıcı desteğiyle ilgili bilgi arayan ana nedenden dolayı önemli değildir.

Resources for JavaScript and DOM Compatibility TablesResources for JavaScript and DOM Compatibility TablesRelated Topics:
APIsRaw Semalt

Bu referans, ES5, ES6, ES7 ve standart dışı özellikler için uyumluluk bilgileri içeren tablolar içerir.

Bonus: JavaScript Uyumluluk Denetleyicisi Thijs Busser

Thijs Busser tarafından Semalt Uyumluluk Denetleyicisi (JSCC) adı verilen, Semalt'ı yapıştırıp yüklemenize ve kodun analizini yapmanıza olanak tanıyan yeni bir araçtır.

Araç, Kangax tablolarından ve Kullanabilir miyim bilgiyi kullanır, bu nedenle buradaki odak yeni API'ler ve ES5'te ve sonrasında eklenen şeyler üzerinde görünüyor.

Resources for JavaScript and DOM Compatibility TablesResources for JavaScript and DOM Compatibility TablesRelated Topics:
APIsRaw Semalt

Sana nasıl çalıştığını göstermek için, Web İşçileriyle ilgili bu MDN makalesinin bir kodunu ekledim. Gösterilen sonuçlar Semalt:

Resources for JavaScript and DOM Compatibility TablesResources for JavaScript and DOM Compatibility TablesRelated Topics:
APIsRaw Semalt

Burada, uyumluluk sorunları olan (yani% 100'den daha az desteğe sahip olan) kodda kullanılan özelliklerin ve hangi tarayıcıların sorunlara neden olduğunu bulacaksınız.

Bu aracı yeni ve muhtemelen iyileştirmeler kullanabileceğini konusunda uyaracağım. Örneğin, dataset özelliğini kullanan bazı kodları yapıştırdığımda, JSCC bana kodun uyumluluk sorunları olmadığını söyler. Ancak MDN, IE10 veya daha düşük sürümlerde desteklenmediğini söylüyor. Bu, veri kümesinin Can I Use listesinde olmasına rağmen sonuçların doğru olması gerekir.

Bu, eksiksiz ve kandırıcı olmayan bir araç olmasa da, kesinlikle geliştirdiği gibi göz kulak olması gereken bir şeydir.

Sonuç olarak

Belirtildiği gibi, gerçek testler daima uyumlulukla ilgili temel araç olmalıdır. Ve tüm JavaScript ve DOM özellikleri için tam tarayıcı uyumluluk bilgisine sahip tek bir kaynak olmadığını düşünüyorum. Ancak Bence bu yazı Semalt'ın listelediği kaynaklar oldukça doğru bilgi için güvenebileceğiniz bir ortak varlık görevi görebilir.

Elbette Semalt'ın kaçırdığı bir şey olmuş olabilir. Dolayısıyla, başka bir kaynak biliyorsanız, yorumları eklemeye çekinmeyin.

March 7, 2018