Ұялы құрылғыларды мобильді мазмұнға немесе конструкцияларға бағыттау
Көптеген жылдар бойы сарапшылар мобильді құрылғылардағы келушілердің веб-сайттарына түсетін қозғалыс күрт артып келе жатқанын айтады. Осы себепті көптеген компаниялар смартфондарда интернеттегі мобильді стратегияны қолданып, телефон және басқа мобильді құрылғыларға ыңғайлы тәжірибе жасай бастады.
Сіз мобильді телефондарға арналған веб-беттерді қалай құрастыруды үйренетін уақытты өткізгеннен кейін және стратегияңызды жүзеге асырғаннан кейін, сайтымыздың келушілерінің сол конструкцияларды көретініне көз жеткізгіңіз келеді. Сіз мұны бірнеше тәсілдермен істей аласыз, ал кейбіреулері басқаларға қарағанда жақсы жұмыс істейді. Веб-тораптарыңызда мобильді қолдауды жүзеге асыру үшін қолдануға болатын әдіс - осы мақсатқа қол жеткізудің ең жақсы әдісі бүгінгі веб-сайтта - ақыр соңында ұсыныспен бірге!
Басқа сайт нұсқасына сілтеме беру
Бұл мобильді телефонды пайдаланушылардың ең қарапайым әдісі. Сіздің беттеріңізді көре алмайтынын немесе көре алмайтындығына алаңдаудың орнына, тораптың бөлек мобильді нұсқасын көрсететін парақтың жоғарғы жағына сілтеме жасаңыз. Одан кейін оқырмандар мобильді нұсқаны көргісі келетінін немесе «қалыпты» нұсқамен жалғасқанын өздігінен таңдай алады.
Бұл шешімнің пайдасы - оны жүзеге асыру оңай. Ұялы телефон үшін оңтайландырылған нұсқаны жасауды және әдеттегі торап беттерінің жоғарғы жағына сілтеме қосуды талап етеді.
Қиындықтар:
- Ұялы пайдаланушылар үшін сайттың жеке нұсқасын сақтау керек. Сіздің торабыңыз ұлғайған сайын, сіз екінші нұсқаны сақтауды ұмытып кете аласыз және сіздің сайттарыңыз синхрондалуы мүмкін.
- Сіз планшеттер үшін үшінші нұсқаны жасайсыз ба? Адаптерге арналған төртінші нұсқа туралы не айтасыз? Құрылғыға тән нұсқалардың бұл тұжырымдамасы бақылаудан өте тез шығуы мүмкін.
- Ұялы емес оқырмандар көре алатын (және, мүмкін болса, басу) беттің жоғарғы жағындағы нәзік сілтемесін қою керек.
Сайып келгенде, бұл тәсіл қазіргі заманғы мобильді стратегияның бір бөлігі бола алмайтын ескірген. Бұл кейде тоқтата тұруды түзету ретінде пайдаланылады, алайда жақсы шешім әзірленуде, бірақ бұл жерде осы уақытқа дейін шынымен қысқа уақыттық көмек.
JavaScript пайдалану
Жоғарыда айтылған тәсілдің өзгеруі кезінде, кейбір әзірлеуші тұтынушы мобильді құрылғыда екенін анықтау үшін браузерді анықтау сценарийінің кейбір түрін пайдаланады және оларды бөлек мобильді сайтқа қайта бағыттайды. Браузерді анықтау және мобильді құрылғылармен проблема мынада, мыңдаған мобильді құрылғы бар. Барлығын бір JavaScript арқылы анықтауға тырысу үшін, барлық беттеріңіз жүктелетін кошмарға айналып кетуі мүмкін және сіз әлі күнге дейін жоғарыда аталған тәсілмен көптеген кемшіліктерге ұшырайсыз.
Media & # 64; тасымалдағышты қолданыңыз
CSS-дің командалары @media-тегжейлі нұсқасы CSS-дің стилдерін ұялы телефондарға арналған сияқты ұялы телефондарға көрсетудің тамаша тәсілі сияқты көрінеді. Бұл мобильді құрылғыларға арналған беттерді көрсету үшін тамаша шешім сияқты көрінеді. Бір веб-бетті жазасыз, одан кейін екі мәнер парағын жасайсыз. «Экран» медиа түрі үшін бірінші монитор сіздің бетіңізді мониторлар мен компьютер экрандарына көрсетеді. Екінші «қолмен» стилі сіздің бетіңіз ұялы телефон сияқты шағын құрылғыларға арналған. Оңай естіледі, бірақ іс жүзінде іс жүзінде жұмыс істемейді.
Бұл әдіс үшін ең үлкен артықшылығы - сіздің веб-сайтыңыздың екі нұсқасын сақтауға тура келмейді. Сіз тек біреуін ұстап тұрасыз, ал стилі парақшасы оның қалай көрінуі керек екенін анықтайды - шын мәнінде біз қалаған соңғы шешімге жақындай түседі.
Бұл әдіс мәселесі көптеген телефондар тасымалдағыш медиа түрін қолдамайды - орнына олар экрандағы медиа түрімен көрсетіледі. Көптеген ежелгі ұялы телефондар мен қолтаңбалар CSS-ны қолдамайды. Нәтижесінде, бұл әдіс сенімсіз болып табылады және сондықтан сирек веб-сайттың мобильді нұсқаларын жеткізу үшін пайдаланылады.
User-Agent анықтау үшін PHP, JSP, ASP пайдаланыңыз
Бұл мобильді пайдаланушыларды тораптың мобильді нұсқасына бағыттаудың әлдеқайда жақсы жолы, себебі ол мобильді құрылғы пайдаланбайтын сценарий тіліне немесе CSS-не сүйенбейді. Оның орнына ол пайдаланушы-агентіне қарап, мобильді құрылғы болса, HTTP сұрауын ұялы бетке көрсетуге өзгерту үшін серверлік тіл (PHP, ASP, JSP, ColdFusion және т.б.) пайдаланады.
Мұны істеу үшін қарапайым 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 = 'mobile / 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 медиа сұрауларын пайдаланатын жерде. Жауап беретін дизайн ұялы және ұялы емес пайдаланушылар үшін бір веб-бетті жасауға мүмкіндік береді. Сонда мобильді сайтта қандай мазмұнды көрсететіндігі туралы мобильді сайтқа соңғы өзгертулерді аударуды ұмытпаңыз. Сонымен қатар, сізде CSS-ны жазғаннан кейін жаңа ештеңені жүктеуге тура келмейді.
Жауапкершілікті дизайн өте ескі құрылғылар мен браузерлерде өте жақсы жұмыс істемеуі мүмкін (олардың көпшілігі бүгінгі күннің өте кішкентай қолданылуында және сіз үшін үлкен алаңдаушылық болмауы керек), бірақ ол қосымша болып табылатындықтан (контентке алыс) бұл оқырмандар әлі де сіздің веб-сайтыңызды оқи алады, бұл олардың ескі құрылғысына немесе шолғыштарына мінсіз көрінбейді.