Web Development School - школа веб-разработки для начинающих и не только

Очень часто возникает необходимость определить общий тип устройства, с которого пользователь зашёл на сайт, а так же размер экрана (дисплея) этого устройства; в первую очередь это нужно для того, что бы система могла определить, какую страницу выдавать "клиенту", так как содержимое мобильных страниц обычно отличается от страниц, отображаемых компьютером: на них, как правило, выводится только основной контент, нет боковых модулей с дополнительной информацией, установлено собственное мобильное меню и так далее...

Из-за большого разнообразия размеров дисплеев и экранов смартфонов довольно часто возникает вопрос: как настроить тот или иной элемент так, что бы он корректно отражался на странице? Вариант, при котором ширина и высота экрана передаются при запросе на сервер и пользователю (браузеру клиента) выдаётся страница, сформированная на основании этих данных, уже обсуждался в статье "Как передать размеры экрана пользователя на сайт"; такой метод имеет ряд недостатков, поэтому в большинстве случаев лучше использовать дополнительную настройку элементов уже после загрузки страницы...

Иногда при создании сайтов веб-программисты сталкиваются с вопросом: как передать на сервер размеры экрана пользователя? Действительно, бывают ситуации, когда это необходимо, например, если на сайте имеется несколько вариантов какого либо файла и содержимое каждого зависит от размеров экрана. Но это только один пример, на самом деле ситуации могут быть самые разные и иногда желательно иметь данные параметры уже при создании кода страницы на сервере, а не обрабатывать её при помощи JavaScript уже после загрузки...

Некоторые владельцы сайтов при создании страницы для загрузки больших файлов на сервер (например, видео, аудио)  сталкиваются с серьёзной проблемой - файлы загружаются довольно долго! Кроме того, что бы пользователь понимал что происходит, не помешает сделать индикацию загрузки в виде полосы прогресса и строки, показывающей количество загруженных мегабайт. Попробуем максимально подробно разобраться, как это можно реализовать. Инструмент XMLHttpRequest Для загрузки файлов есть очень хороший инструмент, встроенный в браузер - XMLHttpRequest...

Наверное, нет ни одного пользователя интернета, который хотя бы раз не видел на экране вместо запрошенной страницы надпись Error и цифровой код рядом с ней. Это значит, что по какой-то причине браузер не получил ответ, и, соответственно, открыл чистый экран, на который вывел информацию о возникшей проблеме; по цифровому коду пользователь может понять причину происшедшего. Коды можно разделить на несколько групп. Например, коды, начинающиеся с цифры 1 сообщают только какую-то общую информацию: Коды, начинающиеся с цифры 2, как правило, на экран не выводятся и служат для технических целей...