Bagaimana untuk Semak Sokongan Harta CSS dalam Pelayar dengan JavaScript?

Menentukan Sokongan Harta CSS dalam Penyemak Imbas dengan JavaScript

Dalam pembangunan web, kadangkala anda mungkin ingin menyemak sama ada sifat CSS disokong oleh penyemak imbas pelanggan. Ini menjadi sangat relevan dengan sifat CSS3 seperti putaran. Dengan mengesahkan sokongan, anda boleh melaksanakan fungsi tertentu secara bersyarat hanya apabila sifat itu tersedia.

Penyelesaian

Untuk memastikan sama ada sifat CSS disokong dalam JavaScript, gunakan pendekatan berikut:

<code class="js">if ('WebkitTransform' in document.body.style 
 || 'MozTransform' in document.body.style 
 || 'OTransform' in document.body.style 
 || 'transform' in document.body.style) 
{
    // CSS property is supported
    alert('I can Rotate!');
}</code>

Awalan seperti '-webkit-', '-moz-', '-o-' dan lalai '' ditambahkan pada versi khusus vendor bagi sifat CSS untuk menyemak keserasian merentas pelbagai penyemak imbas. Jika mana-mana awalan ini wujud dalam objek document.body.style, ia menunjukkan sokongan untuk sifat tersebut.

Pelaksanaan

Menggunakan kaedah ini, anda boleh menguji sokongan sifat CSS secara dinamik dan melaraskan anda kod sewajarnya. Ini memastikan keserasian dan meningkatkan pengalaman pengguna dengan melaksanakan fungsi tertentu hanya apabila sifat CSS yang diperlukan disokong.

Atas ialah kandungan terperinci Bagaimana untuk Semak Sokongan Harta CSS dalam Pelayar dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!