Один веб-сайт с таргетингом на несколько платформ (рабочий стол + планшет + мобильный)

Question

Приношу свои извинения за более "теоретический" вопрос, хотя я полагаю, что это скорее вопрос "состояния промышленности": мне любопытно, какие варианты есть для создания веб-сайта, предназначенного для нескольких платформ ( настольные браузеры + устройства с сенсорным экраном, такие как планшеты и смартфоны).

Такие технологии, как CSS3 Media Queries, дают нам возможность форматировать наш контент на основе размера экрана (помимо всего прочего), что замечательно, но как насчет других функций? Например, сенсорные события - они все еще могут становиться очень запутанными в зависимости от того, на какое устройство вы нацеливаетесь и т. Д. Так возможно ли создать один сайт для всех этих платформ? Или все же необходимо / лучше использовать скрипты обнаружения устройств для перенаправления на версии сайта, предназначенные для сенсорных экранов (Apple-устройства или иное)? Или, возможно, это зависит от того, что вы хотите сделать? Есть ли линия, которая после пересечения потребует создания отдельной версии сайта? Кто-нибудь хочет поделиться своим опытом?

Answer 1

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

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

Один хороший пример - плагин WP-Touch для Wordpress.В то время как у вас есть версия WordPress для обычных браузеров, она настраивает PHP для предоставления совершенно другого и мобильного опыта для мобильного пользователя.

Если у вас есть терпение, ресурсы и время, чтобы создать подходящий мобильный веб-сайт из вашегообычный, сделай это!Если вы этого не сделаете, другая таблица стилей и некоторые сенсорные события, правильно закодированные, могут заключить сделку