Təchizatçı prefiksləri nədir?

Bunlar brauzer inkişaf etdiriciləri tərəfindən yeni və ya təcrübə xarakterli CSS xüsusiyyətlərinin rəsmi təsdiq və standartlara daxil edilməsindən əvvəl dəstək əlavə etmək üçün istifadə olunan standart olmayan ön eklərdir. Onlar vebdə yeni imkanların mərhələli şəkildə tətbiqinə imkan verir, lakin diqqətli yanaşma tələb edir.

Əsas ön eklər:

• -webkit-: Chrome, Safari, Opera (bəziləri versiyalar), ən çox mobil brauzerlər (Android və iOS daxil olmaqla).
• -moz-: Firefox.
• -ms-: Internet Explorer, Edge (bəziləri versiyalar).
• -o-: Opera (köhnə versiyalar).

Təchizatçı ön eklərindən istifadə edərkən, yazı ardıcıllığını nəzərə almaq vacibdir: əvvəl ön eklər, sonra standart xüsusiyyət. Bu, brauzerlər standart xüsusiyyəti dəstəkləməyə başladıqda, onun ön ekləri üstələməsini təmin edir.

.element {
  -webkit-border-radius: 10px; /* Safari versiyaları 5 və aşağısı üçün */
  -moz-border-radius: 10px; /* Firefox versiyaları 4 və aşağısı üçün */
  border-radius: 10px; /* Standart xüsusiyyət */
}

Hazırda, bütün brauzerlər tərəfindən yeni CSS xüsusiyyətlərinin daha fəal tətbiqi ilə təchizatçı ön eklərin istifadəsi əhəmiyyətli dərəcədə azalmışdır. Lakin, köhnə brauzer versiyalarını dəstəkləmək və ya təcrübə API-ləri ilə işləmək üçün lazım ola bilər.

Təchizatçı ön eklərinin idarə edilməsini avtomatlaşdırmaq üçün çox vaxt PostCSS və Autoprefixer plaginindən istifadə olunur.

// Autoprefixer ilə PostCSS konfiqurasiyası nümunəsi
module.exports = {
  plugins: [
    require('autoprefixer')({
      overrideBrowserslist: ['son 2 versiya', '> 1%'] // Dəstəklənən brauzerlər
    })
  ]
};

Autoprefixer CSS-i analiz edir və brauzerlərlə uyğunluq parametrlərinə əsasən lazım olan ön ekləri əlavə edir. Bu, inkişafı sadələşdirir və əl ilə ön eklərin əlavə və idarə olunması ilə bağlı səhvlərin ehtimalını azaldır.