Impostazione del tipo di supporto di un browser

Question

Sembra una domanda stupida (per me), ma ho cercato e non riesco a trovare un posto che sembra parlarne. Dov'è il tipo di supporto per un set di agenti - è codificato dal browser (o altro) o è configurabile (in particolare, IE)?

Lo chiedo perché sto scrivendo un'app Web che verrà utilizzata principalmente dai normali PC, ma ci saranno anche alcuni netbook che la usano. Tuttavia, questi netbook eseguiranno XP, e questo sembra essere rilevato come un normale browser Windows, tuttavia per alcune pagine desidero che utilizzino CSS diversi (principalmente per tipi di carattere più grandi), quindi speravo di configurarli per il palmare dispositivi e poi premo quello sul mio CSS per le pagine appropriate (gli utenti che li hanno accederanno anche da normali PC, quindi rilevare il tipo per utente non è un'opzione).

O esiste un modo migliore / più corretto per farlo?

Answer 1

Sto lavorando in ASP.NET, rendere lo zoom CSS non è un'opzione - la maggior parte degli schermi andrà bene così com'è, ma per uno schermo il layout dovrà essere diverso sui netbook quindi in tal caso gli utenti dovrebbero ingrandire una pagina, quindi ridurla per altre e, ovviamente, questa non è una buona soluzione (in più il CSS reale sarà diverso, piuttosto che solo il livello di zoom - solo alcuni elementi " i caratteri verranno ingranditi, ad esempio). Il problema è che i clienti saranno visti come "normali". client windows - Mozilla / 4.0 (compatibile; 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) (nel caso qualcuno si stia chiedendo, la parte Trident è solo IE8 che dice che è IE8 se si maschera da IE7) quindi dovrò cambiare il modo in cui i clienti si presentano. Il modo più semplice (in teoria) per farlo sarebbe configurarli come un diverso tipo di supporto in modo che caricheranno automaticamente il CSS corretto senza alcuna azione sul lato server, ma sta solo sapendo come farlo.

Ancora una volta, in teoria, sarei molto sorpreso se ciò non fosse possibile, o renderebbe un incubo testare correttamente i diversi tipi di media a meno che non avessi a disposizione dispositivi reali e a portata di mano, ma guardando online sembra che questo sia il caso (sicuramente qualcuno avrebbe messo un'opzione nei browser da qualche parte, dove si potevano impostare i tipi di media supportati ????).

Answer 2

Il modo più semplice sarebbe rilevare la risoluzione dello schermo dell'utente usando Javascript: screen.width e screen.height . Se è troppo piccolo, intraprendi le azioni appropriate, come utilizzare invece il tuo foglio di stile mobile. Non esiste un modo per rilevare l'esatto dispositivo utilizzato da una persona.

Answer 3

Generalmente, la pubblicazione delle pagine in base al programma utente viene gestita dal server Web dell'applicazione Web o raramente da alcuni javascript. Se si elenca la lingua / il framework che si sta utilizzando, può venire più aiuto.

Cambiare la schermata dell'agente utente sui client non è generalmente una buona idea. Progetta il tuo CSS per essere scalabile e consentire lo zoom.

Answer 4

L'intestazione HTTP " User-Agent " è come un browser "dice" al server Web che tipo di browser è. Può contenere anche sistema operativo e versione. Nelle condizioni più comuni, questi valori sono un'indicazione corretta. Possiamo utilizzare queste informazioni per trovare html / css adatti al browser (es. Dispositivo mobile, IE6 ecc.) Sul lato server.

Alcuni framework ad es. ASP.NET ha una qualche forma di funzionalità di funzionalità del browser per "adattare" l'output html (non sono convinto però).

Non riesco a pensare a un modo migliore di fare diversamente. Per il rilevamento della dimensione dello schermo, il rilevamento javascript dovrebbe funzionare bene, ma ciò non ti dà molto in termini di layout e dimensione del carattere a meno che tu non abbia una forma di implementazione che può rendere l'output in modo AJAX. Non potrebbe essere abbastanza complesso.

Non c'è molta risposta qui, spero solo che possa facilitare più idee.

Answer 5

Abbastanza vecchio, ma puoi usare i tipi di supporto CSS

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