Установка типа носителя в браузере

Question

Это звучит как глупый вопрос (для меня), но я искал, и я не могу найти нигде, что, кажется, говорить об этом. Где тип медиа для набора агентов - жестко ли он закодирован браузером (или каким-либо другим) или это настраивается (в частности, IE)?

Я спрашиваю, потому что я пишу веб-приложение, которое будет в основном использоваться на обычных ПК, но некоторые нетбуки тоже будут его использовать. Однако эти нетбуки будут работать под управлением XP, и это, кажется, определяется как обычный браузер Windows, однако для определенных страниц я хочу, чтобы они использовали другой CSS (в основном для шрифтов большего размера), поэтому я надеялся установить их в качестве портативного устройства. устройства, а затем нажмите это на моем CSS для соответствующих страниц (пользователи, у которых они есть, также войдут в систему с обычных ПК, поэтому определение типа пользователем не вариант).

Или есть лучший / более правильный способ сделать это?

Answer 1

Я работаю в ASP.NET, сделать масштабирование CSS не вариант - большинство экранов будет хорошо, как есть, но для одного экрана расположение на нетбуках должно быть другим, поэтому в этом случае пользователи должны будут увеличить одну страницу, затем снова уменьшить ее для других, и, очевидно, это не очень хорошее решение (плюс фактический CSS будет другим, а не просто масштаб - только определенные элементы »). шрифты будут увеличены, например). Проблема в том, что клиенты будут рассматриваться как «нормальные» клиенты Windows - Mozilla / 4.0 (совместимо; MSIE 8.0; Windows NT 5.1; Trident / 4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; OfficeLiveConnector.1.4; OfficeLivePatch .1.3) (в случае, если кому-то интересно, часть Trident - это просто IE8, который говорит, что это IE8, если он маскируется под IE7), поэтому мне нужно изменить способ представления клиентов. Самый простой (теоретически) способ сделать это - настроить их как другой тип носителя, чтобы они автоматически загружали правильный CSS без каких-либо действий на стороне сервера, а просто знали, как это сделать.

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

Answer 2

Самый простой способ - определить разрешение экрана пользователя, используя Javascript: screen.width и screen.height . Если он слишком мал, примите соответствующие меры, например, вместо этого используйте мобильную таблицу стилей. Невозможно определить точное устройство, которое использует человек.

Answer 3

Как правило, обслуживание страниц на основе пользовательского агента обрабатывается веб-сервером веб-приложений или редко - каким-либо JavaScript. Если вы перечислите язык / рамки, которые вы используете, может прийти дополнительная помощь.

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

Answer 4

HTTP-заголовок "Пользователь-агент" это то, как браузер «сообщает» веб-серверу, какой это тип браузера. Он также может содержать операционную систему и версию. В большинстве обычных условий эти значения являются правильной индикацией. Мы можем использовать эту информацию для создания подходящего html / css, который подходит браузеру (например, мобильному устройству, IE6 и т. Д.) На стороне сервера.

Некоторые рамки, например ASP.NET имеет некоторую форму возможности браузера для «адаптации». вывод HTML (я не уверен, хотя).

Я не могу придумать лучшего способа сделать иначе. Для определения размера экрана обнаружение javascript должно работать хорошо, но это не дает вам много с точки зрения разметки и размера шрифта, если у вас нет какой-либо формы реализации, которая может визуализировать вывод в AJAX-манере. Не может быть довольно сложным.

Здесь не так много ответов, просто надеюсь, что это поможет получить больше идей.

Answer 5

В некотором роде старые, но вы можете использовать css типы носителей

http://www.w3schools.com/css/css_mediatypes.asp