Ang mga Web browser nga anaa sa sulod sa ingon nga mga website adunay. Sa pagkatinuod, ang mga browser usa ka mahinungdanon nga sangkap sa kasinatian o mga tawo nga nagtan-aw sa imong site - apan dili tanang mga browser ang gimugna sa parehas. Kini posible (ug tinuod nga tingali) nga adunay mga kostumer nga nagtan-aw sa imong mga web page sa mga browser nga hilabihan ka tigulang ug nawala ang mga bahin nga makita sa mas modernong mga browser. Mahimo kining hinungdanon nga mga suliran samtang ikaw naningkamot sa pagpalambo sa mga website nga nagpahimulos sa labing bag-o nga pag-uswag sa disenyo ug pagpalambo sa website . Kung dunay moabut sa imong site nga gamit ang usa sa mga antiqued nga mga browser, ug ang imong labing bag-o nga mga teknik wala magtrabaho alang kanila, mahimo ka nga makahatag sa usa ka dili maayo nga kasinatian sa kinatibuk-an. Ang progresibong pagpauswag usa ka estratehiya sa pagdumala sa disenyo sa panid sa web alang sa lainlaing mga browser, nga mao ang mga daan nga mga browser nga kulang sa modernong suporta.
Ang progresibong pagpauswag usa ka paagi sa pag-desinyo sa mga pahina sa web aron nga mas daghan ang gipaluyohan sa usa ka user agent, mas daghan ang adunay mga web page. Kini ang kaatbang sa estratehiya sa disenyo nga gitawag nga graceful degradation . Ang diskarte nga nagtukod sa mga panid alang sa labing modernong mga browser una ug dayon nagsiguro nga sila usab makahimo og maayo nga maayo uban sa dili kaayo nga mga fungsional nga mga browser - nga ang kasinatian "nagapakanaug nga madanihon." Ang pag-uswag sa progreso magsugod uban sa labing dali nga mga browser nga may abilidad ug magtukod og usa ka kasinatian gikan didto.
Kon Unsaon Paggamit ang Progressive Enhancement
Kon maghimo ka og disenyo sa web gamit ang progresibo nga pag-uswag, ang una nga butang nga imong buhaton mao ang paghimo sa usa ka disenyo nga naglihok alang sa pinakaubos nga kasagaran nga denominador sa mga web browser. Sa kinauyokan niini, ang progresibong pagpauswag nag-ingon nga ang imong sulod kinahanglan nga magamit sa tanan nga mga web browser, dili lamang usa ka sub-set. Mao kini ang hinungdan nganong nagsugod ka pinaagi sa pagsuporta niining daan, dili na dugay, ug dili kaayo nga mga browser nga may kahigayunan.Kon maghimo ka og usa ka site nga maayo ang pagtrabaho alang nila, nahibal-an nimo nga imong gihimo ang usa ka baseline nga kinahanglan nga makahatag labing menos usa ka magamit nga kasinatian sa tanan nga mga bisita.
Sa diha nga magsugod uban ang labing gamay nga mahimo nga mga browser una, gusto nimo nga siguruhon nga ang tanan sa imong HTML kinahanglan nga balido ug husto nga husto. Makatabang kini sa pagsiguro nga ang pinakalapad nga lainlaing mga ahente sa tiggamit makatan-aw sa panid ug ipakita kini sa tukmang paagi.
Hinumdomi nga ang estilo sa estilo sa disenyo ug ang tibuok nga layout sa panid idugang pinaagi sa paggamit sa mga style style sheets . Tinuod kini kung diin ang progresibo nga pagpalambo mahitabo. Gigamit nimo ang style sheet aron sa paghimo sa usa ka disenyo sa site nga magamit alang sa tanan nga mga bisita. Dayon makadugang ka dugang mga estilo aron mapaayo ang panid ingon nga ang mga ahente sa tiggamit makaganansiya. Ang matag usa adunay mga estilo sa baselina, apan alang sa bisan unsang mga balita nga mga browser nga makasuporta sa mas moderno ug mas moderno nga mga estilo, sila makakuha og dugang. Ikaw "progresibo nga pagpalambo" sa panid alang sa mga browser nga makasuporta sa mga estilo.
Adunay pipila ka mga paagi nga imong magamit ang progresibo nga pagpalambo. Una, angay nimong tagdon ang gibuhat sa usa ka browser kung wala kini makasabut sa usa ka linya sa CSS - wala kini gibalewala niini! Kini sa pagkatinuod naglihok alang kanimo. Kung maghimo ka og usa ka basehan nga mga estilo nga nasabtan sa tanang mga browser, mahimo nimong madugangan ang dugang mga estilo alang sa mga bag-ong mga browser. Kon sila nagsuporta sa mga estilo, kini magamit nila. Kung dili, dili nila kini ibaliwala ug gamiton lamang ang mga estilo sa baseline. Ang usa ka simple nga pananglitan sa progresibo nga pag-uswag makita sa CSS:
.main-content {
background: # 999;
background: rgba (153,153,153, .75);
}
Kini nga estilo una nga nagbutang sa background sa usa ka grayish nga kolor. Ang ikaduha nga lagda naggamit sa RGBA nga mga hiyas sa kolor aron sa pagpahimutang sa usa ka lebel sa transparency. Kon ang usa ka browser nagsuporta sa RGBA, kini mag-override sa unang estilo sa ikaduha. Kung dili, ang una lang ang ipatuman. Nagbutang ka og kolor sa baseline ug nagdugang og dugang mga estilo alang sa dugang nga mga modernong mga browser.
Paggamit sa mga Feature Query
Ang laing paagi nga imong magamit ang progresibo nga pagpauswag mao ang paggamit sa nailhan nga "mga pangutana nga pangutana". Kini susama sa mga pangutana sa media , nga usa ka importante nga piraso sa responsive nga mga disenyo sa website . Samtang ang media nangutana sa teksto alang sa pipila ka mga gidak-on sa screen, ang mga pangutana sa mga pangutana magsusi aron masuta kon ang usa ka butang nga gisuportahan o dili. Ang syntax nga imong gamiton mao:
@supports (display: flex) {}Ang bisan unsa nga mga estilo nga imong idugang sa sulod niini nga lagda magamit lang kon ang maong browser nagsuporta sa "pagbalhin", nga mao ang mga estilo sa Flexbox. Mahimo ka nga maghimo og usa ka hugpong sa mga lagda alang sa tanan ug dayon gamiton ang mga pangutana nga pangutana aron makadugang og dugang alang sa mga pinili nga mga browser lamang.
Ang orihinal nga artikulo ni Jennifer Krynin. Gi-edit ni Jeremy Girard sa 12/13/16.