Establecer el tipo de medio de un navegador

Question

Esto suena como una pregunta estúpida (para mí), pero he buscado y no puedo encontrar ningún lugar que parezca hablar de ello. ¿Dónde está el tipo de medio para un conjunto de agentes? ¿Está codificado por el navegador (o lo que sea) o es configurable (específicamente, IE)?

Pregunto porque estoy escribiendo una aplicación web que será utilizada principalmente por PC normales, pero también habrá algunas netbooks que la usen. Sin embargo, estas netbooks ejecutarán XP, y eso parece ser detectado como un navegador normal de Windows, sin embargo, para ciertas páginas quiero que usen CSS diferentes (principalmente para tipos de fuente más grandes), por lo que esperaba configurarlas para ser portátiles. dispositivos y luego presione eso en mi CSS para las páginas apropiadas (los usuarios que los tienen también iniciarán sesión desde PC normales, por lo que detectar el tipo por usuario no es una opción).

¿O hay una forma mejor / más correcta de hacer esto?

Answer 1

Estoy trabajando en ASP.NET, hacer que el CSS se pueda ampliar no es una opción: la mayoría de las pantallas estarán bien como están, pero para una pantalla el diseño deberá ser diferente en las netbooks, así que en ese caso, los usuarios tendrían que hacer zoom para una página, luego volver a salir para otras y, obviamente, esa no es una buena solución (además, el CSS real será diferente, en lugar del nivel de zoom, solo ciertos elementos ' las fuentes se agrandarán, por ejemplo). El problema es que los clientes serán vistos como "normales" clientes de windows Mozilla / 4.0 (compatible; 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) (en caso de que alguien se pregunte, la parte de Trident es solo IE8 diciendo que es IE8 si se hace pasar por IE7), por lo que tendré que cambiar la forma en que los clientes se presentan. La forma más fácil (en teoría) de hacer esto sería configurarlos como un tipo de medio diferente para que carguen automáticamente el CSS correcto sin que sea necesaria una acción del lado del servidor, pero es simplemente saber cómo hacerlo.

Nuevamente, en teoría, me sorprendería mucho si esto no fuera posible, o haría que probar adecuadamente los diferentes tipos de medios fuera una pesadilla a menos que tuviera dispositivos reales disponibles y disponibles, pero al mirar en línea parece que esto es el caso (seguramente alguien habría puesto una opción en los navegadores en algún lugar, donde podría configurar los tipos de medios que admite ????).

Answer 2

La forma más sencilla sería detectar la resolución de pantalla del usuario utilizando Javascript: screen.width y screen.height . Si es demasiado pequeño, tome las medidas adecuadas, como utilizar su hoja de estilo móvil. No hay forma de detectar el dispositivo exacto que usa una persona.

Answer 3

Generalmente, el servicio del servidor web de la aplicación web o raramente algún javascript maneja las páginas basadas en el agente de usuario. Si enumera el idioma / marco que está utilizando, puede obtener más ayuda.

Cambiar la pantalla del agente de usuario en los clientes generalmente no es una buena idea. Diseñe su CSS para que sea escalable y permita el zoom.

Answer 4

El "Usuario-Agente" del Encabezado HTTP es cómo un navegador "le dice" al servidor web qué tipo de navegador es. Puede contener sistema operativo y versión también. En las condiciones más habituales, estos valores son la indicación correcta. Podemos hacer uso de esta información para producir html / css adecuados que se adapten al navegador (es decir, dispositivo móvil, IE6, etc.) en el lado del servidor.

Algunos marcos, p. ASP.NET tiene alguna forma de función de capacidad de navegador para " adaptarse " la salida html (aunque no estoy convencido).

No puedo pensar en una mejor manera de hacer lo contrario. Para la detección de tamaño de pantalla, la detección de JavaScript debería funcionar bien, pero eso no le da mucho en términos de diseño y tamaño de fuente a menos que tenga alguna forma de implementación que pueda representar la salida de una manera AJAX. No podría ser bastante complejo.

No hay mucha respuesta aquí, solo espero que pueda facilitar más ideas.

Answer 5

Un poco viejo, pero puedes usar tipos de medios css

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