Как мне установить мобильную версию моего сайта?
Я понимаю, что мне нужно использовать параметры измерения и другие ярлыки загрузки, чтобы сайт быстро загружался для мобильных устройств, меня беспокоит не сам мобильный сайт.
Мне нужно иметь код, который показывает браузеру, куда перенаправлять, если на сайт заходит мобильный телефон.
Мне нужно знать, как это реализовать, я пишу только HTML и CSS, мне нужен полный SNIPPET. Я провел тон исследования, и многие кодеры давали свои советы по методам обнаружения, но не сказали, КАК реализовать эти методы.
1 ответ
У вас есть два варианта.
Первым вариантом является создание адаптивного веб-сайта, который выравнивается в зависимости от размера экрана устройства. Например, если ширина вашего экрана меньше 400px Вы можете вести себя так, как будто это мобильный телефон, и организовать свой веб-сайт Как на этом изображении. Вы также можете проверить этот сайт, попытаться изменить размер своего браузера, сделать его меньше: http://www.smashingmagazine.com/
Второй вариант - использовать некоторый код сценария, чтобы определить, является ли устройство мобильным (если оно мобильное, какую ОС, какой браузер он использует и т. Д.) И перенаправить пользователей на другой мобильный сайт. Например, вы можете развернуть мобильный сайт в подобласти, подобной этой http://mobile.example.com/
Первый вариант более сложный, потому что вам приходится тратить время на подбор размеров экрана и подгонку вашего контента, но он становится популярным. Второй вариант проще, потому что у вас будет два веб-сайта, и вы будете перенаправлять пользователей на один из них в зависимости от используемого ими устройства.