Gute Möglichkeit, den verfügbaren Browserbereich zu schätzen

Ich versuche herauszufinden, die beste Möglichkeit, die maximale Größe des Browser sichtbaren Bereich zu schätzen. die Bildschirmabmessungen sind weniger Symbolleisten, Lesezeichen usw. Offensichtlich ist es nicht perfekt für Fälle, in denen das Fenster nicht maximiert ist und weil die Leute tatsächlich verschiedene Browser benutzen - ich suche hier nur nach einem guten Schätzwert.Gute Möglichkeit, den verfügbaren Browserbereich zu schätzen

Der Zweck ist dann, die maximale Größe für ein Bild herauszufinden.

Quelle

2009-05-03 Alex S

Ich bin ein wenig verwirrt. Was ist der Zweck hier? Versuchen Sie, die Browsergröße mithilfe von JavaScript zu ermitteln, wenn Ihre Seite angezeigt wird, oder versuchen Sie, die optimalen Dimensionen für Ihr Design zu ermitteln? –

Ihr "verfügbarer browsersichtbarer Bereich ohne Symbolleisten, Lesezeichen usw." wird als Ansichtsfenster bezeichnet. :-) Und was Samir Talwar sagte. Was ist der Zweck? –

Der Zweck ist dann, die maximale Größe für ein Bild herauszufinden. –

Sie auch jQuery'swidth() Funktion auf etwas verwenden: $(window).width(). Beachten Sie jedoch, dass sich das Fenster ändert, wenn das Fenster in der Größe verändert wird. Sie können , aber das könnte die Leistung beeinträchtigen, wenn Sie komplizierte Dinge tun.

Quelle

2009-05-03 17:02:34 swilliams

+1 Vergessen Sie nicht, dass Sie die Funktion width() auf einem beliebigen Selektor aufrufen können, der zusammen mit anderen Funktionen wie z. B. height() sehr nützlich ist. Wie oben könnte das Fenster * in der Größe verändert werden, aber im Allgemeinen ändert der Benutzer die Größe des Fensters, wohl wissend, was normalerweise passieren wird. –

In Firefox Sie diesen Code

<html> 

<body> 
<script type="text/javascript"> 
document.write("<p>Width: " + window.innerWidth + "</p>") 
document.write("<p>Height: " + window.innerHeight + "</p>") 
</script> 
</body> 

</html>

Für IE verwenden, können Sie document.body.offsetWidth und document.body.offsetHeight Eigenschaften versuchen können.

Der Bildschirm Objekt Bildschirm Eigenschaften erhalten (es könnte helfen), überprüfen Sie seine Eigenschaften hier: link text

Quelle

2009-05-03 16:56:44

-1 für keine Cross-Browser-Lösung. – KooiInc

... und für die Verwendung von document.write – KooiInc

Eine Cross-Browser-Funktion, um das Ansichtsfenster zu bestimmen. Gibt ein Array zurück, das Breite, Höhe, linke und obere Position des Browserbildschirms enthält.

function getViewport() { 
     var iWidth,iHeight,iTop,iLeft, 
      w = window, d = document; 
      iWidth = w.innerWidth || d.documentElement.clientWidth 
        || d.body.clientWidth || 0; 
      iHeight = w.innerHeight || d.documentElement.clientHeight 
        || d.body.clientHeight || 0; 
      iTop = w.pageYOffset || d.body.scrollTop 
        || d.documentElement.scrollTop || 0; 
      iLeft = w.pageXOffset || d.body.scrollLeft 
        || d.documentElement.scrollLeft || 0; 
      return [iWidth,iHeight,iLeft,iTop]; 
}

Quelle

2009-05-03 20:02:08 KooiInc

Gute Möglichkeit, den verfügbaren Browserbereich zu schätzen

Antwort

Verwandte Themen