CSS- ի վաճառողի նախալիքները

Ինչ են նրանք եւ ինչու պետք է դրանք օգտագործել

CSS- ի վաճառողի նախալիքները, ինչպես նաեւ երբեմն հայտնի կամ CSS- ի դիտարկիչի նախածանցները, բրաուզերների մշակողների համար հնարավորություն են ստեղծում նոր CSS հատկություններ ստեղծելուց առաջ, մինչ այդ բոլոր հնարավորությունները լիովին աջակցվում են բոլոր բրաուզերում: Դա կարող է կատարվել մի տեսակի թեստավորման եւ փորձարկման ժամանակահատվածում, որտեղ զննարկիչի արտադրողը որոշում է հենց այնպես, թե ինչպես են այս նոր CSS հատկությունները: Այս նախապատվությունները շատ տարածված էին մի քանի տարի առաջ CSS3- ի աճով:

Երբ CCS3- ը առաջին անգամ ներկայացվել է, մի շարք հուզված հատկություններ սկսեցին տարբեր ժամանակներում տարբեր բրաուզերների վրա հարվածել: Օրինակ, webkit- ի հզորությամբ բրաուզերները (Safari եւ Chrome) առաջինն էին, որոնք ներկայացնում էին անիմացիոն ոճի հատկանիշներ, ինչպիսիք են վերափոխումը եւ անցումը: Օգտագործելով վաճառողի նախածրածածկույթները, վեբ դիզայներները կարողացան օգտվել այդ նոր հատկանիշներից իրենց աշխատանքում եւ տեսնել, թե ինչպես են նրանք դիտում այն ​​զննարկիչների վրա, որոնք աջակցում են դրանք անմիջապես, այլ ոչ թե ակնկալելու ցանկացած այլ զննարկիչի արտադրողը բռնել:

Այսպիսով, ճակատային վերջնական վեբ մշակողի տեսանկյունից, դիտարկիչի նախածանցերը օգտագործվում են կայքի նոր CSS հատկանիշներ ավելացնելու համար, մինչդեռ հարմարավետության մասին իմանալով, որ բրաուզերները կպաշտպանեն այդ ոճերը: Սա կարող է հատկապես օգտակար լինել, երբ տարբեր զննարկիչի արտադրողները հատկություններ են մի փոքր տարբեր ձեւերով կամ այլ տարբերակներով:

CSS- ի զննարկիչը նախապատվություններ է տալիս, որ կարող եք օգտագործել (որոնցից յուրաքանչյուրը հատուկ է այլ զննարկիչ) հետեւյալն է.

• Android: -վեբիտ-
• Chrome- ը `վեբկիտ-
• Firefox: -մոզ-
• Internet Explorer- ը `
• iOS: -webkit-
• Օպերա `-ո-
• Safari: -webkit-

Շատ դեպքերում, օգտագործեք նոր CSS ոճի գույքը, դուք ստանձնում եք ստանդարտ CSS հատկությունը եւ յուրաքանչյուր դիտարկչի նախածանցը: Prefixed տարբերակները միշտ առաջ են գալիս (ցանկացած կարգով, նախընտրում եք), իսկ նորմալ CSS- ի գույքը կշարունակվի: Օրինակ, եթե ցանկանում եք ավելացնել ձեր CSS3 անցումը ձեր փաստաթղթին, ապա դուք օգտագործում եք անցումային գույքը, ինչպես ցույց է տրված ստորեւ:

-Վեբկիթ- անցում `բոլոր 4s հեշտությամբ;
-մոզ- անցում. բոլոր 4s հեշտությամբ;
-ով- անցում `բոլոր 4s հեշտությամբ;
-o- անցում `բոլոր 4s հեշտությամբ;
անցում `բոլոր 4s հեշտությամբ;

Նշում. Հիշեք, որ որոշ բրաուզերները որոշակի հատկություններ ունեն տարբեր հատկանիշների համար, քան մյուսները, այնպես որ չեն ենթադրում, որ գույքի զննարկիչի նախատիպ տարբերակը նույնն է, ինչ ստանդարտ հատկություն է: Օրինակ, CSS- ի գրադիենտ ստեղծելու համար օգտագործում եք գծային-գրադիենտ հատկություն: Firefox, Opera եւ Chrome- ի եւ Safari- ի ժամանակակից տարբերակները օգտագործում են այդ գույքը համապատասխան նախածանցով, մինչ Chrome- ի եւ Safari- ի վաղ տարբերակները օգտագործում են նախածածկ գույք-վեբ-գրադիենտ: Բացի այդ, Firefox- ը տարբեր արժեքներ է օգտագործում, քան ստանդարտները:

Պատճառն այն է, որ դուք միշտ ավարտում եք ձեր հայտարարությունը CSS- ի նորմալ, չհրատարակված տարբերակով, այնպես, որ երբ զննարկիչը աջակցի կանոնը, այն կկիրառի այդ մեկը: Հիշեք, թե ինչպես է կարդում CSS- ը: Հետագա կանոնները նախորդում են նախորդների նկատմամբ, եթե առանձնահատկությունն այնպիսին է, որ զննարկիչը կարդացվի կանոնների մատակարարի տարբերակը եւ օգտագործի, եթե այն չի աջակցում նորմալին, բայց երբ այն արվում է, ապա այն կկիրառի մատակարարի տարբերակը փաստացի CSS կանոնը:

Վաճառողի նախածանցերը խարդախություն չեն

Երբ վաճառող նախնիքները առաջին անգամ ներկայացվել էին, շատ վեբ մասնագետներ մտածում էին, թե արդյոք դրանք խափանում են կամ վերածվում են տարբեր բրաուզերներին աջակցելու համար կայքի կոդի բրաուզերի մութ օրերին (հիշեք « Այս կայքը լավ է դիտվում IE- ում » հաղորդագրությունների մեջ): CSS- ի վաճառողներին նախածանցերը հաքեր չեն, եւ դուք պետք է վերապահումներ չունեք դրանք ձեր աշխատանքում օգտագործելու մասին:

CSS- ի hack- ը օգտագործում է այլ տարրերի կամ գույքի իրականացման թերությունները, որպեսզի այլ գույքը ճիշտ աշխատի: Օրինակ, տուփի մոդելը խափանում է ձայնային-ընտանեկան գույքի վերլուծության մեջ օգտագործված շահագործվող թերությունները կամ բրաուզերների վերլուծությունները, որոնք վերլուծում են ճոճանակները (\): Սակայն այս հաքերները օգտագործվել են այն բանի տարբերությունը, թե ինչպես Internet Explorer 5.5- ը վարել է տուփի մոդելը եւ ինչպես է Netscape- ը մեկնաբանել այն եւ ոչ մի կապ չունի ձայնի ընտանեկան ոճով: Բարեբախտաբար, այս երկու հնացած բրաուզերները, որոնք մենք չունենք այս օրերին:

Վաճառողի նախածանցը հեքիաթ չէ, քանի որ թույլ է տալիս հստակեցում սահմանել այնպիսի կանոններ, թե ինչպես կարելի է գույքն իրականացնել, միեւնույն ժամանակ զննարկիչներին հնարավորություն է ընձեռում գույքի տարբեր ձեւով իրականացնել `առանց խախտելու մնացածը: Բացի այդ, այդ նախածանները աշխատում են CSS հատկություններով, որոնք, ի վերջո, պետք է լինեն մասնագիտության մի մաս : Պարզապես ավելացնում ենք որոշակի կոդը, գույքի վաղաժամ մուտք գործելու համար: Սա եւս մեկ պատճառ է, ինչու եք ավարտում CSS կանոնը նորմալ, ոչ prefixed հատկություններով: Այս կերպ դուք կարող եք թողնել նախածված տարբերակները, երբ ամբողջական բրաուզերի օժանդակությունը հասնի:

Ցանկանում եք իմանալ, թե բրաուզերը ինչ-որ առանձնահատկություն ունի: CanIUse.com կայքը հրաշալի ռեսուրս է այս տեղեկատվության հավաքման համար եւ թույլ է տալիս իմանալ, թե որ բրաուզերները, եւ որոնց բրաուզերների տարբերակները ներկայումս աջակցում են մի առանձնահատկություն:

Վաճառողի նախածանցները ցնցող են, բայց ժամանակավոր

Այո, կարող է զգայուն լինել եւ կրկնվող զգալ 2-5 անգամ անշարժ գույքը գրելու համար, որպեսզի այն աշխատի բոլոր բրաուզերում, բայց դա ժամանակավոր իրավիճակ է: Օրինակ, ընդամենը մի քանի տարի առաջ, մի տուփի վրա կլորացվող անկյուն սահմանելու համար պետք է գրել.

-մոզ-սահման-շառավիղ `10px 5px;
-վեբիտ-սահմանային-վերեւ-ձախ radius: 10px;
-հրամանատար-սահմանային-վերեւ-աջ-շառավղ `5 պս.
-հրամանատար-սահմանային-ներքեւի-աջ-շառավղ. 10px;
-վեբիտ-սահմանային-ներքեւի ձախ կողմում `5px;
border-radius: 10px 5px;

Բայց հիմա այդ բրաուզերները եկել են լիովին աջակցելու այս հատկությանը, իսկապես, միայն ստանդարտացված տարբերակը պետք է:

border-radius: 10px 5px;

Chrome- ն աջակցել է CSS3- ի գույքը 5.0-ից հետո, Firefox- ը այն ավելացրել է 4.0 տարբերակով, Safari- ն այն ավելացրել է 5.0-ում, Opera- ը 10.5, iOS 4.0-ում եւ Android- ում 2.1: Նույնիսկ Internet Explorer 9- ը այն աջակցում է առանց նախածանցի (եւ IE 8 եւ ստորին չի աջակցել այն նախածանցերի հետ կամ առանց):

Հիշեք, որ բրաուզերները միշտ պատրաստվում են փոխել եւ ստեղծագործական մոտեցումներ կպահանջվեն հին բրաուզերների աջակցման համար, եթե դուք պլանավորում եք կառուցել ինտերնետային էջեր , որոնք տարիներ շարունակ առավել ժամանակակից մեթոդներից են: Ի վերջո, գրելու զննարկիչի նախածանցները շատ ավելի հեշտ է, քան գտնելու եւ շահագործելու սխալները, որոնք ամենայն հավանականությամբ կպահպանվեն ապագա տարբերակում, պահանջելով, որ դուք հայտնաբերեք եւս մեկ սխալ, շահագործելու համար եւ այլն: