Definição do tipo de mídia de um navegador

Question

Isso soa como uma pergunta estúpida (para mim), mas eu procurei e não consigo encontrar em qualquer lugar que parece falar sobre isso. Onde está o tipo de mídia para um conjunto de agente - é codificado pelo navegador (ou qualquer outro) ou isso é configurável (especificamente, IE)

?

Eu pergunto porque eu estou escrevendo uma aplicação web que será usado principalmente por PCs normais, mas haverá alguns netbooks usá-lo também. No entanto, estes netbooks serão rodando o XP, e que parece ser detectado como um navegador janelas normal, no entanto, para determinadas páginas que eu quero que eles usem CSS diferente (principalmente para os tipos de fontes maiores), então eu estava esperando para configurá-los para ser portátil dispositivos e depois bateu que no meu CSS para as páginas apropriadas (os usuários que eles também irá fazer logon a partir de PCs normais, assim que detectar tipo de usuário não é uma opção).

Ou há uma maneira melhor / mais correta de fazer isso?

Answer 1

Eu estou trabalhando em ASP.NET, tornando o zoomable CSS não é uma opção - a maioria das telas vão ser muito bem como está, mas por uma tela de layout terá de ser diferente nos netbooks de modo nesse caso, os usuários teriam para fazer zoom para uma página, em seguida, novamente para os outros e, obviamente, isso não é uma boa solução (mais o CSS real será diferente, em vez de apenas o nível de zoom - apenas alguns elementos fontes vai ser ampliada, por exemplo). O problema é que os clientes serão vistos como clientes Windows "normais" - Mozilla / 4.0 (compatível; 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) (No caso de alguém está se perguntando, a parte Trident é apenas IE8 dizendo que é IE8 se é que aparece como IE7) por isso vou precisar alterar a maneira como os clientes se apresentam. A maneira mais fácil (em teoria) para fazer isso seria a configurá-los como um tipo de mídia diferente para que eles irão carregar automaticamente o CSS correto com nenhuma ação do lado do servidor necessária, mas é só saber como fazer isso.

Mais uma vez, em teoria, eu ficaria muito surpreso se isso não for possível, ou não faria corretamente testando diferentes tipos de mídia um pesadelo a menos que você tinha dispositivos reais disponíveis e de-mão, mas olhando em linha parece que este é o caso (certamente alguém teria colocado uma opção em todos os navegadores em algum lugar, onde você pode configurar os tipos de mídia que apoiaram ????).

Answer 2

A maneira mais simples seria a de detectar a resolução da tela do usuário usando Javascript: screen.width e screen.height. Se ele é muito pequeno, tomar as medidas adequadas, como o uso de sua folha de estilo móvel em vez. Não há uma maneira de detectar o dispositivo exato uma pessoa está usando.

Answer 3

Geralmente, servindo as páginas baseadas no agente de usuário é tratado pelo servidor web aplicação web ou raramente por alguns javascript. Se você listar a linguagem / framework você está usando, mais ajuda pode vir.

Alterar a tela do agente do usuário sobre os clientes é um geralmente não boa ideia. Projete seu css para ser escalável e permitir o zoom.

Answer 4

O cabeçalho HTTP "User-Agent" é como um navegador 'conta' o servidor web que tipo de navegador que é. Ele pode conter sistema operacional e versão também. Sob a maioria das condições normais, estes valores são indicação correcta. Nós podemos fazer uso desta informação a produzir adequado html / css que se adequa ao navegador (ou seja, dispositivo móvel, IE6 etc) no lado do servidor.

Alguns quadros por exemplo ASP.NET tem alguma forma de recurso do navegador-capacidade de "adaptar" a saída html (Não estou convencido embora).

Eu não consigo pensar em uma maneira melhor de fazer o contrário. Para a detecção de tamanho de tela, detecção javascript deve funcionar bem, mas isso não lhe dá muito em termos de layout e font-size menos que você tenha algum tipo de implementação que pode processar a saída de forma AJAX. Não podia ser muito complexa.

Não muito de uma resposta aqui, só espero que ele pode facilitar mais idéias.

Answer 5

kinda antiga, mas você pode usar tipos de mídia CSS

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