Kas yra tiekėjo prefiksai?

Tai nestandartiniai prefiksai, kuriuos naršyklių kūrėjai naudoja norėdami pridėti naujų arba eksperimentinių CSS savybių palaikymą iki jų oficialaus patvirtinimo ir standartų įtraukimo. Jie leidžia palaipsniui diegti naujas galimybes internete, tačiau reikalauja atidumo.

Pagrindiniai prefiksai:

• -webkit-: Chrome, Safari, Opera (kai kurios versijos), dauguma mobiliųjų naršyklių (įskaitant Android ir iOS).
• -moz-: Firefox.
• -ms-: Internet Explorer, Edge (kai kurios versijos).
• -o-: Opera (senesnės versijos).

Naudojant gamintojo prefiksus, svarbu atsižvelgti į rašymo tvarką: pirmiausia prefiksai, tada standartinė savybė. Tai užtikrina, kad kai naršyklės pradės palaikyti standartinę savybę, ji perrašys prefiksuotą.

.element {
  -webkit-border-radius: 10px; /* Safari versijos 5 ir žemiau */
  -moz-border-radius: 10px; /* Firefox versijos 4 ir žemiau */
  border-radius: 10px; /* Standartinė savybė */
}

Šiuo metu gamintojo prefiksų naudojimas žymiai sumažėjo dėl aktyvesnio naujų CSS savybių diegimo visose naršyklėse. Tačiau jie gali būti reikalingi senesnių naršyklių palaikymui arba dirbant su eksperimentiniais API.

Automatizuotam prefiksų valdymui dažnai naudojamas PostCSS su Autoprefixer plėtiniu.

// PostCSS konfigūracijos pavyzdys su Autoprefixer
module.exports = {
  plugins: [
    require('autoprefixer')({
      overrideBrowserslist: ['last 2 versions', '> 1%'] // Palaikomų naršyklių nustatymai
    })
  ]
};

Autoprefixer analizuoja CSS ir prideda būtinus prefiksus remiantis naršyklių suderinamumo nustatymais. Tai palengvina kūrimą ir sumažina klaidų, susijusių su rankiniu prefiksų pridėjimu ir valdymu, tikimybę.