Problema di larghezza dello schermo quando si utilizzano diversi browser su dispositivi portatili/intelligenti

Question

Ho creato uno script in cui sono in grado di rilevare il browser mobile e quando è attivo la funzione JS getwidth e reindirizza il visitatore a un determinato URL su la base della larghezza dello schermo del suo dispositivo. Ho usato metodo js base del rilevamento cioè screen.width per rilevare larghezza dello schermo

Il problema sto affrontando è che la larghezza dello schermo differente sia tornare in differenti browsers.Like Ho una tavoletta (Android 4.0.3) il cui schermo effettiva larghezza è 800 PX e quando eseguo il mio script su di esso dal browser predefinito restituisce una larghezza dello schermo precisa 800px ma quando lo apro con browser diversi restituiscono larghezze diverse come UC Browser restituisce 740 PX (ISSUE 2: also when onload function i tried to return screen width on UC browser then it returns screen width as 0px and after page load when i call the same function again then it returns width=740px), quando eseguo script su Opera Mini restituisce la larghezza come 441 PX.

Gentilmente fammi sapere qual è il modo più efficace per rilevare la larghezza dello schermo di dispositivi portatili/intelligenti. Quindi posso fare il reindirizzamento perfettamente sulla base della larghezza dello schermo.

URL TEST: http://radiations3.aiksite.com/home.html

Grazie,

Answer 1

Hmm, suona per me come non si deve usare Javascript, ma piuttosto usare i CSS. Hai esaminato media queries? Questo è il modo più cross-browser per rilevare la larghezza di uno schermo e quindi offrire uno stile diverso di conseguenza.

Se non stai cercando di cambiare gli stili, ma reindirizzare come dici tu (se è necessario), quindi suggerirei il seguente codice (per conto di Andy Langton):

var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0],x=w.innerWidth||e.clientWidth||g.clientWidth,y=w.innerHeight||e.clientHeight||g.clientHeight; 

Questa è la abbreviazione che creerà due variabili, x e , che sono rispettivamente larghezza e altezza. Forse questo è più simile a quello che stai cercando, ma prima ti suggerisco di controllare le query multimediali e assicurarti che ciò che stai cercando di fare non possa essere fatto con i CSS. Non c'è alcuna garanzia che Javascript sia abilitato in qualsiasi browser.

Answer 2

Hai provato che l'utilizzo di jQuery e

$(window).width(); 
$(window).height(); 

non ho mai avuto alcun problema con questi.