Il-web browsers ilhom madwar sakemm il-websajts għandhom. Fil-fatt, il-browsers huma ingredjent essenzjali fl-esperjenza jew in-nies li jaraw is-sit tiegħek - iżda mhux il-browsers kollha huma maħluqa bl-istess mod. Huwa kompletament possibbli (u fil-fatt probabbilment probabbilment) li l-klijenti jaraw il-paġni tal-web tiegħek fil-browsers li huma estremament qodma u nieqsa l-karatteristiċi li jinstabu fil-browsers aktar moderni. Dan jista 'joħloq problemi sinifikanti waqt li qed taħdem biex tiżviluppa websajts li jieħdu vantaġġ mill -aħħar avvanzi fid-disinn u l-iżvilupp tal-websajt . Jekk xi ħadd jasal fuq is-sit tiegħek billi juża wieħed minn dawk il-browsers antikwati, u t-tekniki avvanzati l-aktar riċenti ma jaħdmux għalihom, inti tista 'twassal għal esperjenza fqira b'mod ġenerali. It-titjib progressiv huwa strateġija ta 'maniġġjar ta' paġna tal-web għal browsers differenti, jiġifieri dawk browsers qodma li huma nieqsa minn appoġġ modern.
Tisħiħ progressiv huwa mod ta 'tfassil ta' paġni tal-web sabiex l-iktar karatteristiċi li jappoġġja aġent ta 'l-utent, aktar ikollok il-web page. Huwa l-oppost tal-istrateġija tad-disinn magħrufa bħala degradazzjoni graceful . Dik l-istrateġija tibni paġni għall-browsers l-iktar moderni l-ewwel u mbagħad tiżgura li jaħdmu tajjeb raġonevolment ma 'browsers anqas funzjonali - li l-esperjenza "tiddegrada b'ħeffa". Tisħiħ progressiv jibda bil-browsers l-inqas kapaċi u jibni esperjenza minn hemm.
Kif għandek tuża Tisħiħ Progressiva
Meta toħloq disinn tal-web li juża titjib progressiv, l-ewwel ħaġa li għandek tagħmel hu li toħloq disinn li jaħdem għall-inqas denominatur komuni ta 'web browsers. Fil-qalba tagħha, it-titjib progressiv jgħid li l-kontenut tiegħek għandu jkun disponibbli għall - web browsers kollha, mhux biss sett sekondarju. Dan hu għaliex tibda billi ssostni dawn browsers qodma, skaduti u inqas kapaċi. Jekk toħloq sit li jaħdem tajjeb Għalihom, taf li ħloqjt linja bażi li għandha twassal mill-inqas esperjenza użabbli lill-viżitaturi kollha.
Meta tibda bil-browsers l-inqas kapaċi l-ewwel, int trid tiżgura li l-HTML tiegħek kollu għandu jkun validu u semantikament korrett. Dan jgħin biex jiżgura li l-akbar varjetà ta 'aġenti ta' l-utenti tista 'tara l-paġna u turiha b'mod preċiż.
Ftakar li stili ta 'disinn viżwali u t-tqassim tal-paġna ġenerali huma miżjuda bl-użu ta ' folji ta 'stil esterni Dan huwa verament fejn isseħħ it-titjib progressiv. Tuża l-folja tal-istil biex toħloq disinn tas-sit li jaħdem għall-viżitaturi kollha. Tista 'mbagħad żid stili addizzjonali biex ittejjeb il-paġna hekk kif l-aġenti ta' l-utent jiksbu funzjonalità. Kulħadd ikollu l-istili tal-linji bażi, iżda għal kwalunkwe browsers ta 'l-aħbarijiet li jistgħu jappoġġaw stili aktar avvanzati u aktar moderni, huma jiksbu xi ftit aktar. Int "progressiv ittejjeb" il-paġna għal browsers li jistgħu jappoġġjaw dawk l-istili.
Hemm ftit modi li tista 'tapplika titjib progressiv. L-ewwel nett, għandek tqis dak li jagħmel il-browser jekk ma tifhimx linja ta 'CSS - hija tinjoraha! Dan fil-fatt jaħdem favur tiegħek. Jekk toħloq sett bażiku ta 'stili li l-browsers kollha jifhmu, tista' mbagħad żżid stili addizzjonali għal browsers ġodda. Jekk jappoġġjaw l-istili, huma se japplikawhom. Jekk le, dawn se jinjorahom u jużaw biss dawk l-istili bażiċi. Eżempju sempliċi ta 'titjib progressiv jista' jidher f'din is-CSS:
. kontenut ewlieni {
isfond: # 999;
isfond: rgba (153,153,153, .75);
}
Dan l-istil l-ewwel jistabbilixxi l-isfond għal kulur tal-griż. It-tieni regola tuża valuri tal-kulur RGBA biex tistabbilixxi livell ta 'trasparenza. Jekk il-browser jappoġġja RGBA, se jeqred l-ewwel stil mat-tieni. Jekk ma tagħmilx hekk, l-ewwel wieħed biss jiġi applikat. Int issettja kulur bażi u mbagħad żied stili żejda għal browsers aktar moderni.
Użu ta 'Mistoqsijiet dwar il-Pagna
Mod ieħor kif tista 'tapplika titjib progressiv huwa li tuża dak li hu magħruf bħala "mistoqsijiet dwar il-karatteristiċi". Dawn huma simili għall -mistoqsijiet tal-midja , li huma biċċa essenzjali ta ' disinji tal-websajt li jirrispondu . Filwaqt li l-midja teżamina t-test għal ċerti daqsijiet ta 'skrin, il-mistoqsijiet tal-karatteristiċi se jiċċekkjaw biex tara jekk ċerta karatteristika hijiex appoġġjata jew le. Is-sintassi li tuża tkun:
@ jappoġġja (display: flex) {}Kwalunkwe stili li inti miżjuda f'din ir-regola jaħdmu biss jekk dak il-brawżer jappoġġa "flex", li huwa l-istili għal Flexbox. Inti tista 'tistabbilixxi sett wieħed ta' regoli għal kulħadd u mbagħad tuża mistoqsijiet dwar il-karatteristiċi biex iżżid extra għal browsers magħżula biss.
Artikolu oriġinali minn Jennifer Krynin. Editjat minn Jeremy Girard fit-13/12/16.