Шта су они и зашто би их требали користити
Префикси добављача ЦСС-а, такође познати и као префикси ЦСС претраживача, су начин да произвођачи претраживача додају подршку за нове ЦСС функције пре него што су ове функције у потпуности подржане у свим прегледачима. Ово се може учинити током неког периода тестирања и експеримента, при чему произвођач претраживача одређује тачно како ће ове нове ЦСС функције бити имплементиране. Ови префикси постали су веома популарни са порастом ЦСС3 пре неколико година.
Када је ЦЦС3 први пут уведен, велики број узбуђених особина почео је ударати различитим прегледачима у различито вријеме. На примјер, вебкит-поверед бровсери (Сафари и Цхроме) су били први који су представили неке од стилова анимације као што су трансформација и транзиција. Коришћењем префиксних својстава продаваца, веб дизајнери су могли да користе те нове функције у свом раду и да их виде на претраживачима који су их одмах подржавали, уместо да морају чекати сваки други произвођач претраживача да ухвати!
Дакле, из перспективе предњег веб-програмера, префикси претраживача користе се за додавање нових ЦСС функција на веб локацију док се комфор знају да ће бровсери подржати те стилове. Ово може бити посебно корисно када различити произвођачи прегледача имплементирају својства на незнатно различите начине или са различитим синтаксама.
Префиксе ЦСС претраживача које можете користити (свака од њих је специфична за други претраживач) су:
- Андроид: -вебкит-
- Цхроме: -вебкит-
- Фирефок: -моз-
- Интернет Екплорер: -мс-
- иОС: -вебкит-
- Опера: -о-
- Сафари: -вебкит-
У већини случајева, да бисте користили потпуно нову ЦСС стил својство, узимате стандардну ЦСС својство и додајте префикс за сваки претраживач. Префиксне верзије увек ће бити прве (у било којем редоследу који вам се највише допадају), док ће обична ЦСС својства бити последња. На пример, ако желите да додате прелаз ЦСС3 у свој документ, користићете својство транзиције као што је приказано испод:
-вебкит- транзиција: све 4с лакоће;
-моз- транзиција: све 4с лакоће;
-мс- транзиција: све 4с лакоће;
- - транзиција: све 4с лакоће;
транзиција: све 4с лакоће;
Напомена: Запамтите, неки прегледачи имају различиту синтаксу за одређена својства од других, па немојте претпоставити да је префиксна верзија особине потпуно иста као стандардна својства. На пример, да бисте креирали ЦСС градијент , користите особину линијског градијента. Фирефок, Опера и модерне верзије Цхроме и Сафари користе ту особину са одговарајућим префиксом, док ране верзије Цхроме-а и Сафари-а користе префиксну својину -вебкит-градијент. Фирефок такође користи различите вредности од стандардних.
Разлог због којег сте увек завршили своју декларацију са нормалном, непрефиксном верзијом ЦСС својства је такав да када прегледач подржава правило, он ће га користити. Запамтите како се ЦСС чита. Касније правила имају приоритет над ранијим ако је специфичност иста, тако да би прегледач прочитао верзију правила произвођача и искористио то ако не подржава нормални, али када то уради, она ће превазићи верзију произвођача помоћу правило ЦСС-а.
Префикли добављача нису хацк
Када су првобитно уведени префикци произвођача, многи стручњаци из веба се питали да ли су хацк или померили у мрачне дане одузимања веб странице код за подршку различитим прегледачима (запамтите да су " ове странице најбоље приказане у ИЕ " порукама). Међутим, префикси добављача ЦСС нису хацкс, и не бисте требали имати резерву да их користите у свом раду.
ЦСС хацк искоришћава грешке у имплементацији неког другог елемента или имовине како би другу особу исправно функционисала. На пример, кутија модела кутије експлоатисала је пропусте у анализи власништва гласа-породице или у томе како претраживачи раздвајају кравате (\). Али ови хацкс су коришћени како би се решио проблем разлика између тога како је Интернет Екплорер 5.5 обрађивао модел кутије и како га је Нетсцапе тумачио и немају никакве везе са стилом фамилије гласа. Срећом, ова два застарјела претраживача су она о којима се ми данас не бавимо.
Префикс произвођача није хакер јер омогућава спецификацији да поставља правила како би се имовина могла имплементирати, а истовремено омогућавајући произвођачима претраживања да имплементирају својство на различит начин, а да не крше све друго. Штавише, ови префикси раде са ЦСС особинама која ће на крају бити део спецификације . Једноставно додамо неки код како бисмо имали приступ објекту раније. Ово је још један разлог зашто сте завршили ЦСС правило са нормалним, непрефиксираним својствима. На тај начин можете испустити префиксне верзије када се постигне потпуна подршка за претраживач.
Желите знати која је подршка претраживача за одређену функцију? Веб страница ЦанИУсе.цом је изванредан ресурс за прикупљање ових информација и обавјештавање о томе који претраживачи и које верзије тих претраживача тренутно подржавају функцију.
Префикси добављача су досадни али привремени
Да, можда би се осећало досадно и поновљено да мора да напише особине 2-5 пута да би га радило у свим претраживачима, али то је привремена ситуација. На пример, пре само неколико година, поставили сте заокружени кутак на кутији коју сте морали написати:
-моз-бордер-радиус: 10пк 5пк;
-вебкит-граница-топ-лефт-радијус: 10пк;
-вебкит-гранични-топ-десни-радијус: 5пк;
-вебкит-гранични-доњи-десни-радијус: 10пк;
-вебкит-гранични-доњи-леви-радијус: 5пк;
бордер-радиус: 10пк 5пк;
Али сада када су прегледници дошли у потпуну подршку овој функцији, стварно вам је потребна само стандардизована верзија:
бордер-радиус: 10пк 5пк;
Цхроме је подржао својство ЦСС3 од верзије 5.0, Фирефок је додао у верзију 4.0, Сафари је додао у 5.0, Опера у 10.5, иОС у 4.0, а Андроид 2.1. Чак и Интернет Екплорер 9 га подржава без префикса (и ИЕ 8 и нижи нису га подржали са или без префикса).
Запамтите да ће се претраживачи увек мијењати и биће потребни креативни приступи подршци старијим претраживачима, осим ако не планирате изградњу веб страница које су годинама иза најмодернијих метода. На крају, писање префикса претраживача је много лакше него проналажење и искориштавање грешака које ће највероватније бити исправљене у будућој верзији, тражећи да пронађете другу грешку за експлоатацију и тако даље.