Мобилдик мазмун же мындай өнөр жай үлгүлөрүнө карата мобилдик түзмөктөрдү багыттоо
Канча жылдан бери эксперттер мобилдик түзмөктөрдө коноктордун сайттарга жол кескин көбөйүп жатат деп айтып жатабыз. Ушул себептен улам, көптөгөн компаниялар толгоду тел жана башка мобилдик аппараттардын ашпай окуяларды түзүү, алардын онлайн үчүн мобилдүү стратегияны кабыл баштады.
Сиз кантип үйрөнүүгө убакыт сарпталган кийин уюлдук үчүн интернет баракчаларды иштеп чыгуу жана стратегиясын иш жүзүнө ашыруу, ошондой эле сиздин сайттын коноктору долбоорлорду көрүп алуудан сак болушу керек болот. Бул көп жолдору бар кыла албайт жана айрым башкаларга караганда жакшы иштейт. Бул жерде сиздин сайттарда мобилдик колдоону ишке ашыруу үчүн колдонула турган ыкманы карап көрөлү - бул жетишүү үчүн мыкты ыкмасы бүгүнкү Интернеттеги эмне үчүн аягына жакын сунуш менен бирге!
Дагы бир сайт Version шилтеме
Бул күнгө чейин, уюлдук байланышты колдонгон чечүүгө жөнөкөй ыкмасы болуп саналат. Анын ордуна, алар же беттерин карагыла да мүмкүн эмес, жокпу, тынчсызданбастан, жөн гана сиздин сайттын өзүнчө мобилдик нускасы көрсөтүлөт Беттин жакын жерде шилтемени койду. Андан кийин окурмандар алар мобилдик көрө же "нормалдуу" нускасы менен улантуу үчүн же өзүн-өзү тандап алат.
Бул чечимдин пайда ишке ашыруу мүмкүн эмес. Бул мобилдик үчүн оптималдаштырылган нускасын түзүү үчүн, сени, анан бир жөнөкөй сайт беттердеги жакын шилтеме кошуу үчүн талап кылат.
Кемчиликтер:
- Сиз мобилдик пайдалануучулар үчүн сайттын өзүнчө нускасын сактоого болот. Сиздин сайт көп сайын, сен экинчи нускасын сактоого унутуп мүмкүн жана сайттар шайкеш калышы да ыктымал.
- силер да планшеттер үчүн үчүнчү нускасын түзүүгө болобу? тагынмаларында үчүн төртүнчү нускасы жөнүндө эмне айтууга болот? түзмөк белгилүү бир котормолорунда бул түшүнүк абдан тез көзөмөлдөн чыгып кетиши мүмкүн.
- Сен эмес мобилдик окурмандар (балким, басып) көрө аласыз беттин жогору бир жагымсыз шилтемени коюу керек.
Акыр-аягы, бул ыкма заманбап мобилдик стратегиясынын бир бөлүгү болушу күмөн эскирген бири болуп саналат. Бул жакшы чечим иштелип жатат, ал эми кээ бир учурларда бирдиктүү ажырым жиберүү катары колдонулат, бирок, чынында, бул жерде бир кыска мөөнөттүү тобу-жардам берет.
Use JavaScript
жогоруда көрсөтүлгөн ыкманын бир түрү, кээ бир иштеп кардар мобилдик түзмөктө болсо аныктоо үчүн браузер аныктоо тексттин кээ бир түрүн колдонуп, анда бул өзүнчө мобилдик сайтына аларды багыттоо. Серепчи аныктоо жана мобилдүү түзмөктөр менен көйгөй бар мобилдик аппараттардын ми бар. аларга баары бир JavaScript менен жүктөп, өзүмчө эле бардык сиздин баракчаларды кетиши мүмкүн аныктоо үчүн аракет кылуу - жана дагы жогоруда аталган ыкманын эле кемчиликтер көп тийиш.
CSS & # 64 пайдаланып, медиа-колдук
мобилдик байланыш сыяктуу - CSS буйрук @media колдук эле колдук аппараттардын CSS образын көрсөтүү үчүн идеалдуу жолу боло турган болуп калды окшойт. Бул мобилдик аппараттардын барактарды көрсөтүү үчүн идеалдуу чечүү сыяктуу сезилет. Сиз бир сайтты жазып, андан кийин эки стилдерди түзөт. "Экран" медиа түрү стилдеги биринчи байкоочулар жана компьютер экрандарда үчүн бет. Ошол уюлдук сыяктуу чакан түзмөктөр үчүн "чөнтөк" стилдер сенин бетине экинчи. жеңил угулат, бирок ал чынында эле иш жүзүндө иштебейт.
Бул ыкма менен ири артыкчылыгы сиз сайттын эки түрүн сактап калуу үчүн эмес. Сиз жөн гана бири-сактап жана стилдер жадыбалы ал кандай болушу керек аныктайт - чынында, биз каалаган акыркы чечимге жакындап турган.
Бул ыкма менен көйгөй көп олиш колдук медиа түрүн-ордуна экран медиа түрү менен барактарды көрсөтүү колдоого эмес. Көптөгөн улуу клетка Батирлер Handhelds бардык CSS колдоого алынбайт. Акыр-аягында, бул ыкмасы туура эмес, ошондуктан сейрек сайттын мобилдик түрүн жеткирүү үчүн колдонулат.
Колдонуу PHP, JSP, User-Agent аныктоо үчүн ASP
Бул мобилдик аппарат колдонуу эмес, скрипт тили же CSS таяна албайт, анткени, бул сайттын мобилдик нускасына мобилдик колдонуучуларды багыттоо үчүн алда канча жакшы жолу болуп саналат. Тескерисинче, ал Server-тарабы тилди (PHP, ASP, JSP, ColdFusion, ж.б.) User-Agent, анан өзгөртө карап колдонгон HTTP суранычын ал мобилдик аппарат болсо, мобилдик беттеги көрсөтүүгө.
Жөнөкөй PHP коду турган ушул сыяктуу карап, бул үчүн:
Королдугундагы (UA, "Windows CE" $) же
Королдугундагы (UA, "AvantGo" $) же
Королдугундагы (UA, "Mazingo" $) же
Королдугундагы (UA, "Mobile" $) же
Королдугундагы (UA, "T68" $) же
Королдугундагы (UA, "Syncalot" $) же
Королдугундагы (UA, "Blazer" $)) {
$ DEVICE_TYPE = "MOBILE";
}
эгер (isset ($ DEVICE_TYPE) жана $ DEVICE_TYPE == "MOBILE") {
$ жайгашкан = 'мобилдик / index.php ";
баш ( 'Жайгашкан жери:' $ жайгашкан.);
чыгуу;
}
?>
Маселе бул жерде мобилдик аппараттардын тарабынан колдонулган башка мүмкүн болуучу колдонуучу агенттердин көп жана көп бар деп саналат. Бул жазуусу кармап, алардын көп багыттоо, бирок ар кандай жол менен болот. Ал эми ар дайым кошулат.
Мындан тышкары, жогоруда айтылган башка эритмелер менен эле, сиз дагы бул окурмандар үчүн өзүнчө мобилдик сайт сактоого да бар! эки башкарууга ээ болгон бул жетишпеген (же андан көп) сайттар жакшы чечим табыш үчүн жетишерлик негиз болуп саналат.
Use WURFL
Эгер дагы деле кайсы бир өзүнчө сайтка мобилдик колдонуучуларды багыттоо чечкиндүү болсок, анда WURFL (Wireless жалпы ресурстук File) жакшы чечим болуп саналат. Бул XML билэ (жана азыр DB билэ) гана заманбап зымсыз User-Agent маалыматтарды камтыбашы ар кандай DBI китепканалары, ошондой эле өзгөчө жана кыраат ошол колдонуучу агенттери колдоп турган.
WURFL колдонуу үчүн, XML тарам билэни жүктөп алып, анда тилди тандап жана интернет API ишке ашыруу. Java менен WURFL пайдалануу үчүн аспаптар бар, PHP, Perl, Ruby, Python, таза, XSLT, жана C ++.
WURFL колдонуу пайда тарам делосуна бардык убактысын тактоо жана кошуп, көп адамдар бар деп саналат. Ошентип, билэ аны жүктөп бүткөндөн жане дээрлик алдында заманга эмес колдонуп жатасыз, ал эми, балким сиз бир ай же бир жолу жүктөп, анда сиздин окурмандар деги эле ар кандай колдоно бардык мобилдик браузерлерге бар деп эсептелет проблемалар. жагы, албетте, дайыма эле жүктөп алуу үчүн бар экенин жана бул тактоо - экинчи сайт жана жараткан кемчиликтерге колдонуучуларды алам ушунчалык.
Best Solution Responsive Дизайн болот
башка түзмөктөр үчүн ар түрдүү сайттарды сактоо жооп жок болсо да, эмне болот? Responsive дизайн .
Дизайн сайта сиз ар кандай көлөмдөгү аппараттардын стилин аныктоо CSS медиа суроо колдонууга болот. Дизайн сайта сиз мобилдик жана мобилдүү эмес колдонуучулар үчүн бир сайтты түзүүгө мүмкүндүк берет. Ошондо сиз мобилдик сайтында өзгөрүүлөр кандай мазмун жөнүндө тынчсызданууга же мобилдик сайтка акыркы өзгөрүүлөрдү өткөрүп берүүгө эстеп калуунун кажети жок. Plus, сиз CSS жазылган бир жолу, силер жаңы эч нерсе жүктөп алуу үчүн жок.
Дизайн сайта кемчиликсиз абдан эски түзмөктөр браузерлерди (бүгүнкү күндө өтө аз колдонулууда, алардын көбү, силер үчүн тынчсызданып көп болбошу керек), бирок ал эмес, мазмунду алып, кошумчалары (мазмунуна көздөй стилдерди кошуп, анткени иштебеши мүмкүн жок) бул окурмандар деле сайтты окуй алат, ал жөн гана эски аппарат же браузерде идеяны карап калат.