Bildschirmbreite Problem bei Verwendung verschiedener Browser auf Hand Held/Smart Devices

Question

Ich habe ein Skript gemacht, in dem ich den mobilen Browser feststelle und wenn es richtig ist dann die JS Funktion getwidth aufgerufen wird und den Besucher auf eine bestimmte URL weiterleitet die Grundlage der Bildschirmbreite seines Geräts. verwendete Grund I js Nachweismethode dh screen.width Siebbreite

Das Problem i zugewandt zu erkennen ist, dass verschiedene am Bildschirmbreite in unterschiedlichen browsers.Like wobei Rückkehr I eine Tablette (4.0.3) haben, deren Breite tatsächlichen Bildschirm ist 800 PX und wenn ich mein Skript darauf durch den Standard-Browser laufen dann gibt es genaue Bildschirmbreite 800px, aber wenn ich es mit verschiedenen Browsern dann öffnen sie unterschiedliche Breiten wie UC Browser zurück 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), wenn ich Skript ausführen auf Opera Mini gibt es dann Breite als 441 PX zurück.

Bitte lassen Sie mich wissen, welche die effizienteste Möglichkeit ist, die Bildschirmbreite von Hand Held/Smart Devices zu erkennen. So kann ich die Umleitung auf der Grundlage der Bildschirmbreite perfekt machen.

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

Danke,

Answer 1

Hmm, klingt es für mich wie Sie nicht Javascript verwenden sollten, sondern CSS verwenden. Haben Sie in media queries gesucht? Dies ist die Browser-übergreifendste Möglichkeit, die Breite eines Bildschirms zu erkennen und entsprechend einen anderen Stil anzubieten.

Wenn Sie nicht Arten zu ändern suchen, aber umleiten, wie Sie sagen (wenn es sein muss), dann würde ich den folgenden Code vorschlagen (im Auftrag von 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; 

Dies ist Kurzschrift, die zwei Variablen erzeugt, x und y, die jeweils Breite und Höhe sind. Vielleicht ist dies mehr wie das, wonach Sie suchen, aber ich würde vorschlagen, Medienabfragen auszuprobieren und sicherzustellen, dass Sie mit CSS nicht arbeiten können. Es gibt keine Garantie, dass Javascript in jedem Browser aktiviert ist.

Answer 2

Haben Sie versucht, dass jQuery und

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

ich mit nie Probleme mit ihnen hatten.