как сделать сайт совместимым как для мобильных, так и для ПК

Question

Я искал в сети совместимость веб-приложений на мобильных устройствах и в браузере ПК. Наконец, я решил. Сделайте 2 веб-сайта, один для мобильного браузера, а другой для ПК-браузера. мобильный или ПК.

Если есть какой-либо другой способ для совместимости. Пожалуйста, дайте мне знать и дайте ваше хорошее предложение для этого

Заранее спасибо

Answer 1

Это не так просто, как может показаться.

Сначала определить, к какому веб-приложению обращаются с мобильного устройства, нелегко.Что такое мобильное устройство?Является ли iPad мобильным устройством?Должны ли все устройства с разрешением менее 1024 * 768 рассматриваться как «мобильные устройства»?

Во-вторых, разработка веб-приложения для обеспечения его совместимости для всех различных устройств - на котором, в свою очередь, может быть установлено много разных браузеров - не является легкой задачей.

Но, к счастью, есть некоторые решениятакже.

• Существует WURFL - http://wurfl.sourceforge.net/ - альтернатива с открытым исходным кодом.

• Устройство Atlas - http://deviceatlas.com/ - коммерческая альтернатива.

• Mobizoft C4M - http://mobizoft.com/ - другой рекламный роликальтернатива как для API, так и для некоторых готовых решений.

• Wordpress mobile pack - http://wordpress.org/extend/plugins/wordpress-mobile-pack/

Любое из них можно использовать для переключения мобильного телефонаустройство на специальный мобильный адаптированный сайт.Их также можно использовать для создания / адаптации сайта, удобного для мобильных устройств, в зависимости от того, что вам нужно.

Когда вы создали сайт, дружественный для мобильных устройств, вы должны прежде всего протестировать его устройства с различными разрешениями / ОС / браузерами.Еще один полезный сайт - http://mobiready.com, где вы можете проверить сайт.

Последний совет - рассмотреть, какие устройства поддерживать.Только iPhone / Android?Возможно иметь полную версию для этих устройств и более простую версию для всех других устройств.Зависит от ваших требований.

Удачи!

Answer 2

Ну, на самом деле вы можете сделать это по-разному.Лучшее решение - это скрипт, который сначала проверяет UserAgent.Я знаю, это не спасение, потому что агента легко сменить, но зачем кому-то это делать и с какой выгодой;) Так что это должно быть вашим решением.Также вы можете оптимизировать сайты под конкретное целевое устройство / браузер.Например, для таких устройств, как iPhone, Android или WinMob, вы можете использовать Javascript Frameworks для работы с контентом веб-сайта.

Я сделал небольшой пост по другому вопросу, который также может помочь вам: Есть ли эквивалентjQTouch, который охватывает iPhone, Android, WebOS и Blackberry OS?