Yetkazuvchi prefikslari nima?

Bu standart bo'lmagan prefikslar bo'lib, brauzer ishlab chiquvchilari yangi yoki tajribaviy CSS xususiyatlarini rasmiy tasdiqlash va standartlarga kiritilishidan oldin qo'shish uchun foydalanadilar. Ular webda yangi imkoniyatlarni asta-sekin joriy qilish imkonini beradi, ammo ehtiyotkorlik bilan yondashuvni talab qiladi.

Asosiy prefikslar:

• -webkit-: Chrome, Safari, Opera (ba'zi versiyalar), ko'pchilik mobil brauzerlar (Android va iOS jumladan).
• -moz-: Firefox.
• -ms-: Internet Explorer, Edge (ba'zi versiyalar).
• -o-: Opera (eski versiyalar).

Tedarikchi prefikslaridan foydalanishda yozish tartibiga e'tibor berish muhim: avvalo prefikslar, so'ngra standart xususiyat. Bu, brauzerlar standart xususiyatni qo'llab-quvvatlay boshlaganda, u prefiksni yozib oladi.

.element {
  -webkit-border-radius: 10px; /* Safari versiyalari 5 va pastlari uchun */
  -moz-border-radius: 10px; /* Firefox versiyalari 4 va pastlari uchun */
  border-radius: 10px; /* Standart xususiyat */
}

Hozirgi vaqtda, barcha brauzerlar tomonidan yangi CSS xususiyatlarining yanada faol joriy etilishi bilan tedarikchi prefikslarining ishlatilishi sezilarli darajada kamaydi. Biroq, eski brauzer versiyalarini qo'llab-quvvatlash yoki tajribaviy API bilan ishlash uchun ular kerak bo'lishi mumkin.

Tedarikchi prefikslarini boshqarishni avtomatlashtirish uchun ko'pincha PostCSS va Autoprefixer plaginidan foydalaniladi.

// Autoprefixer bilan PostCSS konfiguratsiyasi misoli
module.exports = {
  plugins: [
    require('autoprefixer')({
      overrideBrowserslist: ['last 2 versiya', '> 1%'] // Qo'llab-quvvatlanadigan brauzerlar konfiguratsiyasi
    })
  ]
};

Autoprefixer CSSni tahlil qiladi va brauzerlar bilan mos keladigan sozlamalar asosida zarur prefikslarni qo'shadi. Bu rivojlantirishni soddalashtiradi va qo'lda prefiks qo'shish va boshqarish bilan bog'liq xatolik ehtimolini kamaytiradi.