Ինչպես կարելի է հայտնաբերել բջջային սարքերի էջերը վեբ էջերում

Շարժական բջջային սարքերի վերափոխում բջջային բովանդակության կամ նախագծերի համար

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

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

Ապահովեք հղում այլ կայքէջի տարբերակին

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

Այս լուծման նպաստը հեշտ է իրականացնել: Այն պահանջում է ստեղծել օպտիմիզացված տարբերակ բջջային հեռախոսի համար եւ այնուհետեւ ավելացնել նոր հղումը նորմալ կայքի էջերի վերեւում:

Դժվարությունները հետեւյալն են.

Ի վերջո, այս մոտեցումը հնացած է, որը հազիվ թե ժամանակակից բջջային ռազմավարության մաս է կազմում: Այն երբեմն օգտագործվում է որպես կանգառի շտկման ամրագրում, իսկ ավելի լավ լուծում է մշակվում, բայց դա իսկապես կարճ ժամանակահատված է:

Օգտագործեք JavaScript

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

Օգտագործեք CSS & # 64; լրատվամիջոցների ձեռքը

CSS- ի հրամանը @ media handheld- ը կարծես թե իդեալական եղանակ է հանդիսանում CSS- ների ոճերի ցուցադրումը միայն ձեռքի սարքերի համար `բջջային հեռախոսներ: Սա կարծես հիանալի լուծում է բջջային սարքերի էջերը ցուցադրելու համար: Դուք գրեք մեկ վեբ էջ եւ այնուհետեւ ստեղծեք երկու ոճաթերթեր: «Էկրանի» լրատվամիջոցների համար առաջինը ձեւավորում է ձեր էջը մոնիտորների եւ համակարգչային էկրանների համար: Երկրորդը «ձեռքի» ոճերի համար ձեր էջը նման փոքր բջջային հեռախոսների նման փոքր սարքերի համար: Հեշտ է հնչում, բայց դա իսկապես գործնականում չի աշխատում:

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

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

Օգտագործեք PHP- ի, JSP- ի, ASP- ի օգտագործումը հայտնաբերելու համար

Սա շատ ավելի լավ միջոց է բջջային օգտվողներին վերափոխելու կայքի բջջային տարբերակը, քանի որ այն չի հիմնված սցենարների լեզվին կամ CSS- ին, որը բջջային սարքը չի օգտագործում: Փոխարենը, այն օգտագործում է սերվերային լեզու (PHP, ASP, JSP, ColdFusion եւ այլն) դիտելու օգտվողի գործակալը եւ այնուհետեւ փոխելու HTTP- ի խնդրանքը բջջային բջջային էջի վրա, եթե դա բջջային սարք է:

Պարզ PHP- ի կոդը, դա անելու համար կցուցադրեն հետեւյալը.

stristr ($ ua, "Windows CE") կամ
stristr ($ ua, "AvantGo") կամ
stristr ($ ua, "Mazingo") կամ
stristr ($ ua, "Mobile") կամ
stristr ($ ua, T68) կամ
stristr ($ ua, Syncalot) կամ
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
եթե (isset ($ DEVICE_TYPE) եւ $ DEVICE_TYPE == "MOBILE") {
$ location = 'շարժական / index.php';
header ('Որտեղից:' $ location);
ելք;
}
>>

Խնդիրն այն է, որ կան բազմաթիվ եւ բազմաթիվ այլ օգտագործող գործակալներ, որոնք օգտագործվում են բջջային սարքերի կողմից: Այս սցենարը կբռնի եւ վերահղում է շատերին, բայց ոչ բոլոր միջոցներով: Եվ ամեն անգամ ավելանում են:

Ընդ որում, ինչպես վերոհիշյալ այլ լուծումներով, դուք ստիպված կլինեք պահպանել առանձին բջջային կայք այս ընթերցողների համար: Երկու (կամ ավելի) կայքեր վարելու համար այս թերությունը բավարար հիմքեր ունի ավելի լավ լուծում գտնելու համար:

Օգտագործեք WURFL

Եթե ​​դուք դեռ որոշել եք վերաբեռնել ձեր բջջային օգտվողներին առանձին կայքում, ապա WURFL (Wireless Universal Resource File) լավ լուծում է: Սա XML ֆայլ է (եւ այժմ DB ֆայլ) եւ տարբեր DBI գրադարաններ, որոնք ոչ միայն պարունակում են ժամանակակից անլար օգտագործողի գործակալներ տվյալներ, այլեւ այն հատկանիշներն ու կարողությունները, որոնք այդ օգտագործող գործակալներին աջակցում են:

WURFL- ից օգտվելու համար դուք ներբեռնեք XML կոնֆիգուրացիայի ֆայլը, ապա ընտրեք ձեր լեզուն եւ կիրառում API- ը ձեր կայքում: Կան WURFL- ի Java, PHP, Perl, Ruby, Python, Net, XSLT եւ C ++- ի օգտագործման գործիքներ:

WURFL- ի օգտագործման առավելությունն այն է, որ շատ մարդիկ թարմացնող եւ ավելացնում են կոնֆիգուրալ ֆայլը ամբողջ ժամանակ: Այսպիսով, այն ժամանակ, երբ դուք օգտագործում եք այն ֆայլը, որն արդեն ավարտվել է, այն բանից հետո, երբ դուք բեռնել եք այն, հնարավոր է այն, որ եթե այն ամսվա կամ ամիսը մեկ անգամ եք բեռնել, դուք կունենաք բոլոր բջջային բրաուզերները, ձեր ընթերցողները սովորաբար օգտվում են խնդիրներ. Անշուշտ, իհարկե, այն է, որ դուք պետք է շարունակեք բեռնել եւ թարմացնել այս ամենը, այնպես որ կարող եք ուղղորդել օգտվողներին երկրորդ կայքէջը եւ այն բացթողումները, որոնք ստեղծում են:

Լավագույն լուծումը պատասխանատու դիզայն է

Այսպիսով, եթե տարբեր սարքերի համար տարբեր կայքերը պահպանելը պատասխան չէ, ինչ է: Պատասխանատու վեբ դիզայն :

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

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