Преусмерите мобилне уређаје на мобилне садржаје или дизајн
Већ годинама стручњаци кажу да се саобраћај на сајтове посјетилаца на мобилним уређајима драматично повећава. Због тога су многе компаније паметно почеле да прихвате мобилну стратегију за своје присуство на мрежи, стварајући искуства која су погодна за телефон и друге мобилне уређаје.
Једном када проводите вријеме како бисте научили како дизајнирати веб странице за мобилне телефоне и имплементирати своју стратегију, такође ћете желети да се побрините да посјетиоци вашег сајта могу видети те дизајне. Постоји много начина да то учините, а неки боље функционишу од других. Ево погледа на метод који можете користити за имплементацију мобилне подршке на својим веб страницама - уз препоруку близу краја за који је најбољи метод за постизање овога на данашњем Вебу!
Обезбедите линк за још једну верзију сајта
То је, далеко, најлакши начин за руковање корисницима мобилних телефона. Уместо да бринете да ли могу или не могу видети ваше странице, једноставно поставите линк негде у врху странице која указује на засебну мобилну верзију ваше странице. Тада читаоци могу сами да изаберу да ли желе да виде верзију за мобилне уређаје или да настави са "нормалном" верзијом.
Предност овог решења је да је лако имплементирати. Захтева од вас да креирате оптимизовану верзију за мобилне уређаје, а затим додате везу негде близу врха нормалних страница страница.
Недостаци су:
- Морате одржавати засебну верзију сајта за мобилне кориснике. Како се ваша страница повећава, можда заборавите да одржите ту другу верзију, а сајтови могу нестати из синхронизације.
- Да ли правите и трећу верзију таблета? Шта мислите о четвртој верзији за носивости? Овај концепт уређаја специфичних верзија може врло брзо спирало ван контроле.
- Морате ставити ружну везу на врху странице коју не-мобилни читаоци могу видети (и можда кликнути на).
На крају, овај приступ је застарео и вероватно неће бити део модерне мобилне стратегије. Понекад се користи као фик-гап поправак док се развија боље решење, али у овом тренутку то је краткорочна помоћ.
Користите ЈаваСцрипт
У варијанти поменутог приступа, неки програмер користи неку врсту скрипте за откривање прегледача како би открио да ли је корисник на мобилном уређају и онда их преусмерава на ту одвојену локацију за мобилне уређаје. Проблем са откривањем претраживача и мобилним уређајима је да тамо постоје хиљаде мобилних уређаја. Да бисте покушали да их све откријете са једним ЈаваСцрипт-ом, могли бисте претворити све своје странице у ноцни моменат за преузимање - и ви сте и даље подложни многим истим недостацима као горе поменути приступ.
Користите ручни медиј за ЦСС
ЦСС наредба @медиа хандхелд чини се да би то био идеалан начин приказивања ЦСС стилова само за ручне уређаје - као што су мобилни телефони. Ово изгледа као идеално решење за приказ страница за мобилне уређаје. Напишете једну Веб страницу, а затим креирате два стила. Први за тип екрана "екрана" обликује вашу страницу за мониторе и екране рачунара. Друга за "ручну" стилу вашу страницу за мале уређаје као што су ти мобилни телефони. Звучи лако, али стварно не функционише у пракси.
Највећа предност ове методе је да не морате да одржавате две верзије ваше веб странице. Једноставно га одржавате, а стилски лист дефинише како би требало да изгледа - што се заправо ближи крајњем решењу које желимо.
Проблем са овом методом је тај што многи телефони не подржавају ручни тип медија - они приказују своје странице уместо типа екрана. И многи старији мобилни телефони и дланови уопће не подржавају ЦСС. На крају, ова метода је непоуздана и стога се ретко користи за пружање мобилних верзија веб сајта.
Користите ПХП, ЈСП, АСП да бисте открили Усер-Агент
Ово је много бољи начин за преусмеравање мобилних корисника на мобилну верзију сајта, јер се не ослања на језик скрипти или ЦСС који мобилни уређај не користи. Уместо тога, он користи језик на серверу (ПХП, АСП, ЈСП, ЦолдФусион, итд.) Да би погледао агент-а, а затим промијенио ХТТП захтјев да би показао на мобилну страницу ако је мобилни уређај.
Једноставан ПХП код за то би изгледао овако:
стристр ($ уа, "Виндовс ЦЕ") или
стристр ($ уа, "АвантГо") или
стристр ($ уа, "Мазинго") или
стристр ($ уа, "мобилни") или
стристр ($ уа, "Т68") или
стристр ($ уа, "Синцалот") или
стристр ($ уа, "Блазер")) {
$ ДЕВИЦЕ_ТИПЕ = "МОБИЛНО";
}
ако (иссет ($ ДЕВИЦЕ_ТИПЕ) и $ ДЕВИЦЕ_ТИПЕ == "МОБИЛЕ") {
$ лоцатион = 'мобиле / индек.пхп';
хеадер ('Локација:'. $ локација);
излаз;
}
?>
Проблем је у томе што има пуно и пуно других потенцијалних корисничких агената које користе мобилни уређаји. Ова скрипта ће ухватити и преусмјерити многе од њих, али не све на било који начин. И више се додају стално.
Плус, као и са другим горе наведеним решењима, за ове читаоце морате и даље да одржите одвојену локацију за мобилне уређаје! Овај недостатак да управљате двема (или више!) Веб страницама довољно је разлога за тражење бољег рјешења.
Користите ВУРФЛ
Ако сте и даље одлучни да преусмерите своје мобилне кориснике на засебну локацију, онда је ВУРФЛ (Вирелесс Универсал Ресоурце Филе) добро решење. Ово је КСМЛ датотека (а сада ДБ датотека) и различите ДБИ библиотеке које не садрже само ажуриране податке о бежичном кориснику, већ и које карактеристике и могућности подржавају те корисничке агенте.
Да бисте користили ВУРФЛ, преузимате КСМЛ конфигурациону датотеку, а затим изаберите свој језик и имплементирајте АПИ на вашој веб локацији. Постоје алати за кориштење ВУРФЛ-а са Јава, ПХП, Перл, Руби, Питхон, Нет, КССЛТ и Ц ++.
Корист од коришћења ВУРФЛ-а је да постоји пуно људи који ажурирају и додају у конфигурациону датотеку све време. Дакле, док је датотека која користите застарела готово пре него што сте је завршили преузимањем, шансе су да ако их преузмете једном месечно или тако, имате све мобилне прегледаче које ваши читаоци обично користе без икаквих проблеми. Наравно, недостатак је да морате стално да преузимате и ажурирате ово - све да бисте усмјерили кориснике на другу веб страницу и недостатке који стварају.
Најбоље решење је одговоран дизајн
Дакле, ако одржавање различитих локација за различите уређаје није одговор, шта је? Одговарајући веб дизајн .
Одговарајући дизајн је када користите ЦСС медијске упите да дефинишете стилове за уређаје различитих ширина. Одговарајући дизајн омогућава вам да креирате једну Веб страницу за кориснике мобилне и не-мобилне телефоније. Затим не морате да бринете о садржају који ће се приказати на мобилној локацији или не заборавити да пренесете најновије измене на вашој мобилној локацији. Плус, једном када сте написали ЦСС, не морате да преузимате било шта ново.
Одговарајући дизајн можда неће радити савршено на изузетно старим уређајима и прегледачима (од којих се већина данас у врло малој употреби и не би требала бити брига за вас), већ зато што је додатак (додавањем стилова на садржај, а не узимање садржаја далеко), ови читаоци ће и даље моћи да читају вашу веб страницу, али неће изгледати савршено на свом старом уређају или прегледачу.