Inona moa izy ireo ary nahoana ianao no tokony hampiasa azy ireo?
Ireo prefixes CSS mpivarotra, fantatra amin'ny hoe prefixes an'ny CSS ihany koa , dia fomba iray ahafahan'ny mpamorona navigateur manampy ny fiasan'ny CSS vaovao vao manohana tanteraka ireo navigateur rehetra. Azo atao izany mandritra ny vanim-potoana fitsapana sy fanandramana izay hamaritana ny mpamorona mpamorona ny fomba hampiharana ireo fepetra vaovao CSS. Ireo prefixes dia nanjary nalaza be tamin'ny fiposahan'ny CSS3 taona vitsy lasa izay.
Rehefa nampidirina voalohany ny CCS3, dia nisy karazana fientanentana maromaro nanombohan'ny mpizarazara isan-karazany. Ohatra, ny navigateur webkit (Safari sy Chrome) no voalohany nampidirina tao amin'ny tranonkalan'ny fanatanjahan-tena toy ny fanovana sy ny fifindrana. Amin'ny fampiasana ny vendorin'ny fananan-tany, ireo mpanamboatra tranonkala dia afaka nampiasa ireo endri-javatra vaovao ao amin'ny asany ary mahita azy ireo any amin'ireo browsers izay nanohana azy ireo avy hatrany, fa tsy niandry ny mpanamboatra mpamorona hafa rehetra hahatratra izany!
Noho izany avy amin'ny fomba fijerin'ny mpandrindra tranonkala iray amin'ny endriny, ampiasain'ny fitaovana entina hanampiana ireo endri-tsoratra CSS vaovao ao amin'ny tranokala iray raha toa ka mampionona ny fahafantarana fa hanohana ireo fomba ireo ireo browsers. Tena afaka manampy izany rehefa manamboatra trano amin'ny fomba samihafa ny mpanamboatra mpamangy isan-karazany na miaraka amin'ny andian-tsoratra hafa.
Ny prefixes an'ny tranokala CSS izay azonao ampiasaina (ny tsirairay amin'izy ireo dia manokana amin'ny navigara hafa) dia:
- Android: -webkit-
- Chrome: -webkit-
- Firefox: -moz-
- Internet Explorer: -ms-
- iOS: -webkit-
- Opera: -o-
- Safari: -webkit-
Amin'ny ankabeazan'ny tranga, raha mampiasa marika vaovao amin'ny CSS ianao, dia raisinao ny toetra fototra CSS ary ampio ny prefix ho an'ny browser tsirairay. Ny dikan-teny efa nomanina dia tonga aloha (amin'ny alàlan'ny didy tianao) raha toa ka tonga ny farany ny fananana CSS ara-dalàna. Ohatra, raha te hampiditra ny fifindran'ny CSS3 amin'ny antontan-taratasy ianao, dia hampiasa ny fananana tetezamita araka ny aseho eto ambany:
-webkit- fifindrana: manalefaka ny 4s rehetra;
-mozika- teteza: manalefaka ny rehetra;
-ms- fifindrana: manalefaka ny 4s rehetra;
- fiovan'ny toetrandro;
Tetezamita: mora foana ny rehetra;
Fanamarihana: Tadidio fa ny sasany amin'ireo navigateurs dia manana tahiry hafa ho an'ny karazana sasany raha oharina amin'ny hafa, koa aza mihevitra fa ny dikan-tsoratry ny tranok'ity tranokala ity dia mitovy ny fananana fananana. Ohatra, mba hananganana CSS gradient , ampiasainao ny fananana grader-gradient. Firefox, Opera, ary ny dikan-teny maoderin'i Chrome sy Safari dia mampiasa io fananana io miaraka amin'ny prefix mifanaraka amin'izany ary raha ampiasaina amin'ny alimanakan'i Chrome sy Safari aloha ny properties -webkit-gradient. Ampiasaina ihany koa ny soatoavina Firefox raha oharina amin'ireo marika.
Ny antony mahatonga anao hamaranao foana ny fanambaranao amin'ny dikan-teny tsy voaomana ao amin'ny CSS, raha toa ka rehefa manohana io fitsipika io ny navigateur, dia hampiasa izany izy. Tsarovy ny famakiana ny CSS. Ny fitsipika manaraka dia miavaka kokoa noho ireo teo aloha raha toa ka mitovy ny tsipiriany, ka ny navigateur dia mamaky ny vendor-dikan-dàlana momba ny fitsipika iray ary mampiasa izany raha tsy manohana ny mahazatra izy, fa rehefa atao izany, dia hamadika ny version vendor amin'ny ny tena fitsipika CSS.
Tsy mora ny Hack Prefixes
Rehefa nampidirina voalohany ny prefixes ny mpivarotra, maro ireo matihanina no nanontany raha hack na hiverin-dàlana mankany amin'ny andro maizin'ny fandefasana code an'ny vohikala hanohanana ireo navigateur samihafa (tsarovy ireo hafatra " tsara indrindra amin'ny Internet " ity site ity ). Ireo prefixes mpamatsy CSS dia tsy hacks, na izany aza, ary tsy tokony hanana famandrihana momba ny fampiasana azy ireo ianao.
Ny hack CSS dia mampiasa ny tsy fahombiazan'ny fampiharana singa iray hafa na fananana hafa mba ahazoana fananana hafa mba hiasana tsara. Ohatra, ny hack model modele dia nanararaotra ny fahadisoana amin'ny famoahana ny fananana fianakaviana voafantina na ny fomba fampisehoana ny navigateur (\). Saingy ireo hacks ireo dia nampiasaina hamahana ny olan'ny fahasamihafana misy eo amin'ny fampiasan'ny Internet Explorer 5.5 ny modelin'ny boaty ary ny fomba nandikan'i Netscape azy io, ary tsy misy ifandraisany amin'ny style family. Soa ihany fa ireo navigateur roa efa tranainy ireo dia tsy manana ahiahy isika amin'izao androntsika izao.
Ny kitapetsin'ny mpivarotra dia tsy hack satria manome alàlana ny fametrahana fitsipika momba ny fananana trano iray, ary amin'ny fotoana izay mamela mpamokatra navigateur hampihatra ny fananana amin'ny fomba hafa nefa tsy manimba ny zava-drehetra hafa. Ankoatra izany, ireo prefixes ireo dia miara-miasa amin'ny properties CSS izay ho ampahany amin'ny filazalazana . Mampiditra fehezan-dalàna kely fotsiny isika mba ahafahana miditra amin'ilay trano. Izany no antony iray mahatonga anao hampitsahatra ny fitsipika CSS miaraka amin'ny fananana ara-dalàna, tsy voapetraka. Amin'izany fomba izany dia azonao atao ny mametraka ny dikan-teny efa voafafa rehefa vita ny fanohanan'ny browser.
Te hahafantatra ny fanohanan'ny tranonkala ho an'ny sehatra sasany? Ny tranonkala CanIUse.com dia loharanom-baovao mahavariana amin'ny fanangonana ity vaovao ity ary mamela anao hahafantatra hoe inona ny navigateur, ary inona ny dikantenin'ireo mpamaky ireo, amin'izao fotoana izao no manohana singa iray.
Ny mpanafaka Vendor dia mionona, fa miangona
Eny, mety mitebiteby sy miverimberina ny tsy maintsy manoratra ny fananana 2-5 heny mba ahafahana miasa ao amin'ny browsers rehetra, fa toe-javatra tsy maharitra. Ohatra, taona vitsivitsy lasa izay, hametraka kofehy boribory eo amin'ny boaty iray ianao dia tsy maintsy manoratra:
-moz-border-radius: 10px 5px;
-webkit-border-top-havia-radius: 10px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 5px;
pandrefesana: 10px 5px;
Fa ankehitriny, fa tonga mba hanohana tanteraka io sehatra io ny navigateur, tena mila ny dikan-tsoratra nomerika ianao:
pandrefesana: 10px 5px;
Chrome dia nanohana ny fananana CSS3 hatramin'ny version 5.0, Firefox dia nanampy azy io tamin'ny version 4.0, Safari dia nanampy azy io tamin'ny 5.0, Opera amin'ny 10.5, iOS amin'ny 4.0, ary Android amin'ny 2.1. Na Internet Explorer 9 aza dia manohana azy tsy misy fanolorana (ary ny IE 8 sy ny ambany dia tsy nanohana azy io na tsy misy prefixes).
Tsarovy fa ny mpiblaogy dia miova hatrany ary ny fomba fanabeazana manohana ny olon-dehibe browsers dia tsy maintsy ilaina raha tsy mikasa ny hanangana tranonkala izay taona maro ao ambadiky ny fomba maoderina indrindra. Amin'ny farany, ny fanoroana ny prefixes amin'ny tranonkala dia mora kokoa noho ny mahita sy manararaotra ny fahadisoana izay mety ho voaverina amin'ny dikan-teny amin'ny ho avy, ka mitaky ny fahitana fahadisoana hafa hitrandrahana sy ny sisa.