Sumber untuk JavaScript dan Jadual Keserasian DOM

Salah satu maklumat terbaik yang akan berlaku dalam beberapa tahun kebelakangan ini adalah yang terkenal dan super-praktikal yang saya gunakan oleh Alexis Deveria.

Walaupun

boleh saya gunakan sangat bagus untuk banyak ciri canggih, masih terdapat banyak javascript dan barangan dom yang tidak termasuk di sana. Jadi apa pilihan lain yang ada untuk mencari sokongan penyemak imbas untuk pelbagai ciri JavaScript dan DOM yang berbeza?

Saya sentiasa melakukan penyelidikan mengenai pelbagai teknologi front-end, tetapi satu perkara yang saya belum dapati adalah sumber sehenti yang sangat baik yang menyenaraikan sokongan penyemak imbas untuk semua aspek JavaScript dan DOM, termasuk pelbagai HTML5 API.

Walaupun satu sumber tidak benar -benar wujud (sekurang -kurangnya tidak ada yang saya tahu), terdapat beberapa sumber yang saya jumpai, bersama -sama, membentuk gambaran yang cukup baik tentang ciri -ciri yang disokong di mana penyemak imbas, dan khususnya mana -mana versi lama IE bahawa anda mungkin masih perlu menyokong.

Takeaways Key

Walaupun tidak ada satu sumber komprehensif untuk keserasian JavaScript dan DOM, beberapa sumber bersama memberikan gambaran yang baik tentang sokongan ciri di seluruh pelayar yang berbeza. Ini termasuk boleh saya gunakan, rujukan MDN, rujukan dom quairksmode oleh Peter-Paul Koch, Jadual Keserasian Pelayar Web oleh Cody Lindley, Big JS-Keserasian-Table oleh Tobias Buschor, Dottoro Javascript Web, IE Dev Center Javascript dan Dom Rujukan, Ecmascript, Ecmascript, Ecmascript, Ecmascript Jadual Keserasian oleh Kangax/Arnott, dan pemeriksa keserasian JavaScript oleh Thijs Busser.
Ujian sebenar pada peranti dan pelayar yang berbeza yang anda perlukan untuk menyokong harus selalu menjadi kaedah utama untuk menentukan keserasian. Jadual "Sokongan" mungkin tidak selalu termasuk pepijat yang relevan yang mungkin membuat ciri tidak dapat digunakan, dan beberapa sumber boleh menjadi salah.
rujukan MDN adalah titik permulaan yang baik apabila saya boleh menggunakan tidak mempunyai maklumat yang anda perlukan. Ia memberikan gambaran awal sokongan untuk pelbagai ciri JavaScript. Ia juga boleh diedit oleh sesiapa sahaja, jadi jika anda mendapati maklumat yang salah, anda boleh mengemas kini.
Pemeriksa Keserasian JavaScript oleh Thijs Busser adalah alat baru yang membolehkan anda menampal atau memuat naik kod JavaScript untuk mendapatkan analisis keserasian kod. Ia menggunakan maklumat dari jadual Kangax dan boleh saya gunakan, memberi tumpuan kepada API yang lebih baru dan ciri -ciri yang ditambah dalam ES5 dan kemudian. Walau bagaimanapun, ia masih baru dan mungkin tidak selalu memberikan hasil yang tepat.

tentu saja, ujian sebenar mengalahkan semua

Sebelum masuk ke dalam sumber, saya fikir ia tidak mengatakan bahawa melakukan ujian sebenar pada peranti dan pelayar yang berbeza yang anda harus menyokong harus selalu menjadi kaedah utama untuk menentukan sokongan.

Senang dapat mendapatkan gambaran keseluruhan sokongan. Tetapi jadual "sokongan" tidak selalu termasuk apa -apa pepijat yang relevan yang mungkin membuat ciri yang dipersoalkan tidak dapat digunakan. Dan itu selain hakikat bahawa sesetengah sumber boleh menjadi salah.

Oleh itu, pastikan untuk melakukan ujian dan gunakan rujukan yang diterangkan dalam artikel ini sebagai panduan, bukan sebagai kata akhir sama ada sesuatu berfungsi dalam penyemak imbas tertentu pada platform tertentu pada peranti tertentu.

rujukan MDN

Jika anda tidak dapat mencari sesuatu di

boleh saya gunakan , tempat pertama yang perlu anda lihat ialah rangkaian pemaju Mozilla. Dan saya pasti kebanyakan anda berbuat demikian. Dalam kebanyakan kes, itu sahaja yang anda perlukan untuk mendapatkan gambaran awal sokongan yang baik untuk ciri JavaScript tertentu yang anda tidak dapat cari di bolehkah saya menggunakan

Sebagai contoh, katakan anda ingin mencari AddEventListener () dan RoveEventListener (). Anda tidak akan menemui mereka di

boleh saya gunakan . Tetapi anda boleh mencari kedua -duanya, dengan maklumat penyemak imbas, di Mdn.

Seperti yang anda lihat dalam ambil skrin di atas, sebagai tambahan kepada butiran yang menunjukkan pelayar yang mempunyai "sokongan asas", sering terdapat maklumat tambahan dalam carta itu pada ciri -ciri yang mungkin telah ditambah dalam versi ECMAScript yang kemudian.

ingat juga bahawa rujukan MDN boleh diedit oleh sesiapa sahaja, jadi jika anda mendapati sesuatu yang salah, jangan ragu untuk mengemas kini.

Quirksmode Dom Reference oleh Peter-Paul Koch

Perbincangan mengenai jadual keserasian penyemak imbas tidak akan lengkap tanpa menyebut Peter-Paul Koch dan jadual rujukannya yang sangat baik, yang semuanya berdasarkan ujiannya sendiri.

Jadual Koch termasuk maklumat sokongan untuk penyemak imbas desktop dan mudah alih, dan ia kelihatan seperti saya seperti barang -barang Dom cukup terkini, menunjukkan sokongan untuk IE11 dan iOS7.

Jadual Keserasian Pelayar Web oleh Cody Lindley

Inilah yang nampaknya tidak dikenali, dibina oleh Cody Lindley, yang menulis beberapa buku hebat mengenai JavaScript dan Dom. Ia dipanggil Jadual Keserasian Pelayar Web (WBCT) dan ia adalah sumber raksasa.

laman web Cody termasuk jadual sokongan yang akan kembali ke IE6, dan termasuk yang berikut:

sokongan dom untuk desktop dan tablet/pelayar telefon

sokongan acara dom untuk desktop dan tablet/pelayar telefon

sokongan ES6 untuk penyemak imbas desktop dan tablet/telefon

Mereka adalah kawasan utama bagi pemaju yang meneliti maklumat sokongan JavaScript, tetapi WBCT juga termasuk jadual sokongan untuk CSS, BOM, SVG, dan banyak lagi. Oleh itu, pastikan untuk menanda buku itu. Ia berfungsi sebagai pelengkap menyeluruh kepada MDN.

• Big JS-Compate-Table oleh Tobias Buschor

  Ini pasti tidak begitu terkenal, tetapi ia mungkin mempunyai sesuatu yang tidak termasuk dalam jadual Cody Lindley atau sesuatu yang tidak didokumentasikan dengan baik pada MDN.

  Ia adalah JS-keserasian JS yang besar, yang dicipta oleh Tobias Buschor.

  

  Ini juga merupakan sumber yang besar dan saya sangat suka bagaimana ia membolehkan anda menggerudi ke dalam ciri JavaScript atau DOM tertentu. Sebagai contoh, jika anda menatal melalui senarai awal (yang bermula dengan objek tetingkap), anda boleh mengklik sesuatu seperti StorageEvent dan ia memberi anda senarai kaedah dan sifat pada objek tertentu.

  Walaupun ini adalah sumber yang benar .

  Saya biasanya menggunakan yang satu ini sebagai kemungkinan ketiga atau keempat jika saya melihat ciri tertentu yang tidak didokumentasikan dengan baik di tempat lain.

  Dottoro Javascript Rujukan Web

  Rujukan Dottoro JavaScript, yang dikendalikan oleh Dottoro, sebuah syarikat perkhidmatan IT, adalah sumber yang cukup baik untuk banyak ciri JavaScript dan DOM yang berbeza.

  Dalam kes-kes di mana sokongan penyemak imbas penuh, dalam semua versi, anda akan melihat ikon penyemak imbas yang menunjukkan ini, atau ikon yang dibasuh yang menunjukkan kekurangan sokongan. Juga, jika sokongan bermula pada versi tertentu, ini juga akan ditunjukkan. Anda dapat melihat ini dalam tangkapan skrin di bawah:

  Selain sokongan penyemak imbas, ini juga memberikan penerangan ringkas tentang ciri yang anda cari, jadi itu sedikit bonus.

  Apa yang saya suka tentang sumber ini adalah ciri carian yang bagus, yang tidak begitu jelas apabila anda mula -mula melawat laman web ini. Ia dicetuskan dalam tetingkap Lightbox dengan mengklik salah satu daripada dua butang "Semak imbas Nama". Butang sisi ditunjukkan dalam tangkapan skrin di bawah:

  Anda juga boleh mencari betul -betul di halaman utama, tetapi saya suka carian di kotak cahaya kerana ia dengan serta -merta menapis hasil berdasarkan apa yang anda taip, dan bukannya melihat halaman hasil terlebih dahulu.

  secara keseluruhan, rujukan Dottoro adalah sumber yang bagus dan menarik yang juga termasuk maklumat sokongan penyemak imbas untuk ciri HTML dan CSS.

  IE Dev Center Javascript dan Rujukan DOM
  Biasanya apabila kita tertanya -tanya tentang sokongan penyemak imbas, itu kerana kita mahukan maklumat mengenai versi lama IE (sekarang termasuk IE9 dan IE10, kedua -duanya dianggap "lama" oleh piawaian hari ini).

  Microsoft's Internet Explorer Dev Center mempunyai beban halaman yang baik dengan maklumat sokongan terperinci mengenai ciri -ciri JavaScript dan DOM.

  

  Sebagai contoh, anda boleh melawat halaman Maklumat Versi JavaScript, yang menyenaraikan beberapa ciri dalam jadual dengan maklumat sokongan untuk IE6-11. Anda juga boleh menggerudi melalui setiap ciri, akhirnya datang ke halaman yang dikhaskan untuk satu ciri.
  jadi jika anda menggerudi ke halaman pada kaedah foreach untuk objek peta, anda akan mendapat gambaran tentang ciri tersebut bersama -sama dengan seksyen yang dipanggil "Keperluan", yang menggariskan versi yang IE menyokong ciri itu.

  Itu hanya persampelan kecil dari apa yang ada untuk dilihat. Terdapat juga rujukan DOM, Rujukan Aplikasi Web (yang meliputi banyak API HTML5), dan rujukan grafik dan media, yang meliputi kanvas, Audio/Video API, SVG, dan WebGL.

  Satu -satunya kecacatan sebenar dalam halaman rujukan pusat IE Dev adalah hakikat bahawa mereka hanya meliputi sokongan untuk pelayar IE. Tetapi itu bukan masalah besar kerana IE biasanya sebab utama kita mencari maklumat mengenai sokongan penyemak imbas.
  Jadual Keserasian Ecmascript oleh Kangax/Arnott
  Jika anda sedang mencari ciri -ciri ECMAScript yang telah ditambah sejak ES5, salah satu sumber terbaik ialah jadual keserasian oleh Juriy "Kangax" Zaytsev dan Leon Arnott.

  Rujukan termasuk jadual yang meliputi maklumat keserasian untuk ciri-ciri ES5, ES6, ES7, dan bukan standard.

  Bonus: Pemeriksa Keserasian JavaScript oleh Thijs Busser

  Ini adalah alat baru yang dibina oleh thijs Busser yang dipanggil JavaScript Cord Checker (JSCC) yang membolehkan anda meletakkan tampalan atau memuat naik beberapa JavaScript, dan kemudian dapatkan analisis kod.
  alat ini menggunakan maklumat dari jadual kangax dan

  boleh saya gunakan

  , jadi tumpuan di sini nampaknya pada API yang lebih baru dan barangan yang ditambah dalam ES5 dan kemudian.

  Untuk menunjukkan kepada anda bagaimana ia berfungsi, saya menambah beberapa kod dari artikel MDN ini pada pekerja web. Perhatikan hasil yang ditunjukkan:

  di sini anda mendapat pecahan ciri -ciri yang digunakan dalam kod yang mempunyai masalah keserasian (iaitu, mereka mempunyai sokongan kurang daripada 100%), dan pelayar yang menyebabkan masalah.

  Saya akan memberi amaran kepada anda bahawa alat ini baru dan mungkin boleh menggunakan beberapa penambahbaikan. Sebagai contoh, apabila saya menampal beberapa kod yang menggunakan harta dataset, JSCC memberitahu saya kod itu tidak mempunyai masalah keserasian. Tetapi MDN mengatakan ia tidak disokong dalam IE10 atau lebih rendah. Ini berlaku walaupun dataset disenaraikan boleh saya gunakan, jadi hasilnya tepat.

  Jadi, walaupun ini bukan alat yang lengkap dan bodoh, pastinya sesuatu yang perlu diperhatikan kerana ia bertambah baik.

  Kesimpulan

  Seperti yang disebutkan, ujian sebenar harus selalu menjadi cara utama maklumat tentang keserasian. Dan saya tidak fikir ada sumber tunggal di mana sahaja yang mempunyai maklumat keserasian penyemak imbas penuh untuk semua ciri JavaScript dan DOM. Tetapi saya fikir sumber -sumber yang saya telah disenaraikan dalam siaran ini boleh berfungsi sebagai entiti kolektif yang anda boleh bergantung kepada maklumat yang cukup tepat.

  Sudah tentu, mungkin ada sesuatu yang saya terlepas. Oleh itu, jika anda tahu sumber lain, jangan ragu untuk menambahkannya ke komen.

  Soalan Lazim (Soalan Lazim) Mengenai JavaScript Dom Keserasian Jadual

  Apakah jadual keserasian DOM JavaScript? Ia termasuk butiran mengenai JavaScript, HTML, CSS, dan piawaian web lain. Jadual -jadual ini adalah penting untuk pemaju kerana mereka membantu mereka memahami ciri -ciri yang disokong oleh pelayar yang membolehkan mereka menulis kod yang berfungsi di semua platform. 🎜> Menggunakan jadual keserasian DOM JavaScript adalah mudah. Jadual biasanya dibahagikan kepada baris dan lajur, dengan setiap baris yang mewakili ciri atau harta tertentu dan setiap lajur yang mewakili penyemak imbas yang berbeza. Untuk mengetahui sama ada ciri disokong oleh penyemak imbas tertentu, hanya cari ciri dalam baris dan ikuti ke lajur penyemak imbas yang dikehendaki. Sekiranya sel ditandakan sebagai disokong, ini bermakna bahawa penyemak imbas menyokong ciri itu. Cara cepat dan mudah untuk memeriksa keserasian teknologi web yang berbeza di pelbagai pelayar. Ini penting kerana tidak semua pelayar menyokong semua ciri, dan menggunakan ciri yang tidak disokong oleh pelayar tertentu boleh membawa kepada kesilapan dan pengalaman pengguna yang lemah. Dengan menggunakan jadual keserasian, pemaju dapat memastikan bahawa kod mereka berfungsi dengan betul di semua platform. JavaScript adalah bahasa pengaturcaraan yang mematuhi spesifikasi ini. Dalam erti kata lain, ECMAScript berfungsi sebagai pelan tindakan, dan JavaScript adalah salah satu pelaksanaan cetak biru itu. Bahasa lain seperti ActionScript juga mengikuti spesifikasi ECMAScript.

  Berapa kerap jadual keserasian JavaScript DOM dikemas kini? Walau bagaimanapun, mereka biasanya dikemas kini secara teratur untuk mencerminkan versi terkini pelayar web dan teknologi web terkini. Adalah penting untuk menggunakan jadual keserasian yang boleh dipercayai dan terkini untuk memastikan maklumat yang tepat. Sokongan separa 'Dalam jadual keserasian bermakna bahawa walaupun pelayar mengiktiraf ciri tersebut, ia mungkin tidak menyokong semua aspeknya, atau ia boleh menyokongnya dengan isu -isu yang diketahui. Adalah dinasihatkan untuk menyemak nota atau butiran yang berkaitan dengan label 'Sokongan Separa' untuk maklumat yang lebih spesifik. Projek sumber terbuka, yang bermaksud bahawa sesiapa sahaja boleh menyumbang kepada mereka. Ini biasanya melibatkan penyerahan data atau pembetulan melalui proses tertentu, sering melibatkan GitHub. Sebelum menyumbang, penting untuk membiasakan diri dengan garis panduan sumbangan projek. Jadual sokongan untuk menyokong teknologi web front-end di desktop dan pelayar web mudah alih. Ia adalah sumber yang berharga bagi pemaju untuk memeriksa keserasian pelbagai teknologi web, termasuk JavaScript, HTML, CSS, dan banyak lagi. Jadual keserasian adalah sumber yang berharga, ada cara lain untuk memeriksa keserasian penyemak imbas. Ini termasuk menggunakan alat dalam talian seperti 'Bolehkah Saya Menggunakan', menyemak dokumentasi rasmi teknologi web, atau menggunakan pengesanan ciri dalam kod anda untuk menentukan sama ada ciri disokong pada runtime.

  Bagaimana saya dapat memastikan kod saya Berfungsi pada semua pelayar? pada pelayar dan peranti yang berbeza. Ia juga penting untuk terus terkini dengan piawaian web terkini dan kemas kini penyemak imbas.

Atas ialah kandungan terperinci Sumber untuk JavaScript dan Jadual Keserasian DOM. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!