Kas ir piegādātāja prefiksi?

Tās ir nestandarta prefiksi, ko pārlūkprogrammu izstrādātāji izmanto, lai pievienotu jaunu vai eksperimentālu CSS īpašību atbalstu pirms to oficiālas apstiprināšanas un standartu iekļaušanas. Tie ļauj pakāpeniski ieviest jaunas iespējas tīmeklī, bet prasa uzmanību.

Galvenie prefiksi:

• -webkit-: Chrome, Safari, Opera (dažas versijas), lielākā daļa mobilo pārlūkprogrammu (tostarp Android un iOS).
• -moz-: Firefox.
• -ms-: Internet Explorer, Edge (dažas versijas).
• -o-: Opera (vecākas versijas).

Lietojot ražotāja prefiksus, ir svarīgi ņemt vērā rakstīšanas kārtību: vispirms prefiksi, tad standarta īpašība. Tas nodrošina, ka, kad pārlūkprogrammas sāks atbalstīt standarta īpašību, tā to pārspēs ar prefiksēto.

.element {
  -webkit-border-radius: 10px; /* Safari versijas 5 un zemāk */
  -moz-border-radius: 10px; /* Firefox versijas 4 un zemāk */
  border-radius: 10px; /* Standarta īpašība */
}

Pašlaik ražotāja prefiksi ir ievērojami samazinājušies, pateicoties aktīvākai jaunu CSS īpašību ieviešanai visās pārlūkprogrammās. Tomēr tie var būt nepieciešami vecāku pārlūkprogrammu atbalstam vai strādājot ar eksperimentālām API.

Automatizētai prefiksu pārvaldībai bieži izmanto PostCSS ar Autoprefixer spraudni.

// PostCSS konfigurācijas piemērs ar Autoprefixer
module.exports = {
  plugins: [
    require('autoprefixer')({
      overrideBrowserslist: ['last 2 versions', '> 1%'] // Atbalstīto pārlūkprogrammu iestatījumi
    })
  ]
};

Autoprefixer analizē CSS un pievieno nepieciešamos prefiksus, pamatojoties uz pārlūkprogrammu saderības iestatījumiem. Tas atvieglo izstrādi un samazina kļūdu, kas saistītas ar manuālo prefiksu pievienošanu un pārvaldību, iespēju.