Подключение мобильной версии сайта
К разработке мобильной версии сайта можно подойти по-разному: создать отдельный стиль или полностью переработать дизайн и html-разметку. Но в обоих случаях важно определить, когда загружать мобильную версию сайта, а когда – компьютерную. Это можно сделать несколькими способами.
1. На стороне сервера
На основе анализа информации о браузере (строка User-agent), посылаемой серверу в http-запросе, либо подключать стиль для мобильной версии, либо перенаправлять пользователя на доменное имя, соответствующее мобильной версии сайта.
В случае, когда мобильная версия расположена на отдельном доменном имени, можно использовать файл meta.txt. В нем указываются точки входа для мобильной и компьютерной версий.
Пример meta.txt файла для сайта example.com (адрес файла в таком случае — example.com/meta.txt):
name:example.com description: example.com is a widely used example website keywords: example, demo, demonstration pc: http://www.example.com mobile: http://m.example.com rss:http://rss.example.com/rss/topstories.xml rss:http://rss.example.com/rss/politics.xml podcast: http://rss.example.com/podcasting/news.xml video: http://rss.example.com/rss/tutorial.xml longitude:12.3456789 latitude:98.7654321 region:MM
Точки входа для компьютерной и мобильной версий определяются в строчках pc и mobile соответственно.
- новые браузеры появляются очень часто, соответственно пополнять список UserAgent придется постоянно;
- далеко не всегда UserAgent определяется правильно.
2. На стороне клиента
а) Указывать атрибут media
Значение «screen» соотвествует обычному компьютеру, «handheld» — это мобильное устройство.
- иногда загружаются оба файла стилей (и screen и handheld);
- не поддерживается многими современными устройствами.
б) Использовать запросы внутри атрибута media
Чаще всего стили загружаются в зависимости от ширины устройства:
Вообще с помощью таких запросов можно много чего определить: ширину и высоту окна браузера или устройства, ориентацию (портретная или ландшафтная), разрешение и т.п.
Минус: не поддерживаются многими старыми устройствами.
в) Комбинирование методов
Так как оба вышеописанных способа не поддерживаются рядом устройств, умные люди придумали комбинировать их:
3. Выбор пользователя
Можно предоставить право выбора пользователю и ничего не определять, а просто сделать ссылку на мобильную версию сайта.
Заключение
Если мобильная версия сайта отличается от компьютерной только стилями, то подходят все вышеописанные варианты. Если же html-разметка для мобильной версии отличается от компьютерной, то 2 способ не является решением.
Данный пост основывается на статье: How To Build A Mobile Website
Полезные материалы по теме
media queries — W3C рекомендации по использованию media запросов
How To Use CSS3 Media Queries To Create a Mobile Version of Your Website — статья про media запросы в мобильной верстке
metaTXT: A Standard for Improving Mobile Web Browsing and Discovery of Media — подробная информация об использовании meta.txt
User Agent — wiki-статья про User Agent
Как подключить мобильный интернет: полная пошаговая инструкция
Всем привет! У нас сегодня очередной интересный вопрос – как настроить интернет на телефоне. Скажу сразу, что интернет на Андроиде и iPhone настраивать (в 95% случаев) не нужно, и достаточно просто вставить симку в телефон. При работе телефона и самой системы могут возникать сбои, тогда для подключения к интернету нужно произвести некоторые манипуляции, о которых мы поговорим подробнее чуть ниже.
Тут также нужно учитывать, что именно имеет в виду пользователь под словом «Интернет» – мобильный интернет или Wi-Fi. Так как оба этих варианта настраиваются по-разному и имеют разные способы работы. Сначала посмотрите, чтобы на рабочем столе в правом верхнем углу вы видели значок подключения к мобильной сети. Если вы сверху лицезреете крестик, не пугайтесь – это значит, что мобильный интернет просто отключен.
ПРИМЕЧАНИЕ! Если нет ни одного деления мобильного интернета, то возможно у вас просто отошла SIM-карта – вытащите и снова вставьте её обратно.
Смахните пальцем с верхней части экрана – вниз, чтобы открыть меню «Шторка». Находим там значок «Моб. интернета» и активируем его. Если у вас активна Wi-Fi сеть – деактивируйте её, чтобы проверить работу мобильного интернета.
Теперь вы просто включили интернет на Андроиде. Проверьте подключение, зайдя в любой браузер. Если коннекта нет, то попробуем настроить его более детально. Ещё один вариант – вы просто забыли оплатить тот пакет услуг, который подключен к вашему телефону. Помните – чтобы пользоваться интернетом, на балансе должны быть хоть какие-то средства.
Настройка и установка сети вручную
Если вы включаете мобильный интернет, а его нет, при этом вы уверены, что деньги на счете есть – то можно проверить детальные настройки и попробовать изменить их. Вообще настройки должны прилетать по воздуху автоматически, но бывают и некоторые сбои. Все конфигурации я буду показывать на примере смартфонов с операционной системой Android.
ПРИМЕЧАНИЕ! С кнопочным сотовым делается все аналогично, но пункты меню могут быть расположены в другом месте и иметь другое название.
- Ещё раз проверьте, чтобы интернет был включен – бегунок переведен в состояние «Вкл». Открываем «Расширенные настройки».
- Убедитесь, что в строке «Предпочтительный тип сети» стоит сеть «4G». В строке «Сеть» должен быть включен режим «Автоматического выбора сети». Чтобы посмотреть настройки подключения к мобильной сети, нажимаем на «Точку доступа (APN)».
- В зависимости от сети вы должны увидеть два параметра «internet» и «mms». Нас интересует именно первый вариант. При сбоях первого параметра может и не быть, тогда его нужно создать, нажав на «плюсик».
Далее вам нужно просто посмотреть параметры, которые нужно ввести вручную. Если какой-то пункт не указан, то оставляйте поле со значением по умолчанию – не заполненным.
- Имя: mts
- Точка доступа: mts
- Имя пользователя: mts
- Пароль: mts
- MCC: 257
- MNC: 02
- Тип аутентификации (способ проверки): POP (PAP или CHAP)
- Тип APN (Тип точки доступа): default
- Имя: tele 2 internet
- Точка доступа: tele2.ru
- Тип аутентификации (способ проверки): нет
- Тип APN (Тип точки доступа): default,supl
- Имя: beeline internet
- Точка доступа: internet.beeline.ru
- Имя пользователя: beeline
- Тип аутентификации (способ проверки): POP
- Тип APN (Тип точки доступа): default
- Имя: megafon
- Точка доступа: internet
- Имя пользователя: gdata
- Пароль: gdata
- MCC: 255
- MNC: 02
- Тип APN (Тип точки доступа): default
- Имя: yota
- Точка доступа: yota
- MCC: 250
- MNC: 11
- Тип APN (Тип точки доступа): default,supl
После ввода всех настроек, нужно обязательно «Сохранить» подключение. Для этого в правом верхнем углу экрана нажмите на «три точки». Вы можете и удалить это подключение, выбрав его из списка, и нажав «Удалить».
Если после всего интернета всё равно нет, то советую прочесть ещё одну статью по решению данной проблемы – ссылка на инструкцию.
Wi-Fi
Напомню, что Wi-Fi – это всего лишь беспроводная сеть с возможностью использовать ваш домашний интернет с помощью роутера. Настройка интернета в телефоне не делается, и вы всего лишь можете подключиться к беспроводной сети. Чтобы попасть внутрь настроек, нужно проделать примерно те же самые начальные шаги.
- Найдите раздел «Настройки» со значком шестеренки. Опять заходим в раздел «Сеть и Интернет». Вот тут уже нужно зайти в «Wi-Fi». Если вы ранее уже были подключены к вашей домашней беспроводной сети, то можете просто попробовать включить бегунок и проверить подключение.
- Теперь вам нужно включить сам модуль. После этого вы увидите все ближайшие сети. Нажмите на свою.
Если интернета на телефоне все равно нет, то можно проверить его на другом устройстве. Если его не будет и там, то тут может быть два варианта:
- На балансе нет денег.
- У провайдера возникли какие-то технические неполадки, и стоит позвонить ему для выяснения более точных причин.
- Если вы только приобрели роутер, установили его, то его нужно настроить.
При подключении к WiFi интернет можно настроить только на самом маршрутизаторе. Поэтому поводу у нас на портале есть все известные инструкции, и вы можете с ними ознакомиться самостоятельно. Просто введите полное название аппарата в поисковую строку и найдите инструкцию. Также вы всегда можете обратиться за помощью к нашим специалистам в комментариях.
ПРИМЕЧАНИЕ! Полное название роутера можно найти на этикетке под корпусом.
Настройка роутера
Настраивать роутер можно необязательно через компьютер. Можно это сделать и через смартфон или планшет. Я буду давать общие рекомендации и показывать настройку на примере маршрутизатора TP-Link.
ВНИМАНИЕ! Для конфигурации вам понадобится договор от провайдера, где указаны данные для подключения к интернету.
- Подключитесь к локальной сети роутера. С телефона и планшета это можно сделать только с помощью Wi-Fi.
- После подключения вам нужно открыть браузер и в адресной строке ввести: 192.168.1.1 или 192.168.0.1. У них также может быть DNS адрес (начинается с http или https). Их можно посмотреть на этикетке под корпусом.
- Далее вас попросят ввести логин и пароль. Чаще всего это: «admin-admin» или «admin-*пустая строка*».
- Найдите раздел «WAN» или «Интернет». Далее нужно указать «Тип подключения» – его можно посмотреть в договоре. Теперь нужно будет ввести дополнительные данные для коннекта. Ничего сложного нет, просто вводим информацию с листа.
ПРИМЕЧАНИЕ! Если в договоре никаких данных для подключения нет, то значит ваш провайдер использует тип «Динамический IP» (Dinamic IP). Просто ставим его.
Более детальные настройки по вашей модели вы можете найти на нашем сайте. Вводим в поисковик полное название модели (компания и модель). Далее просто читаем инструкцию. Если у вас будут какие-то вопросы, то задавайте их в комментариях.