Ho esaminato l'oggetto window in Firebug. window.innerWidth e window.outerWidth sono entrambi 1230.Qual è la differenza tra window.innerWidth window.outerWidth?
Qual è la differenza tra questi due valori?
Da Mozilla Developer Network:
window.outerWidth
window.outerWidth ottiene la larghezza della parte esterna della finestra del browser. Rappresenta la larghezza dell'intera finestra del browser, inclusa la barra laterale (se espansa), il cromo della finestra e il ridimensionamento dei bordi/delle maniglie.
e
window.innerWidth
Larghezza (in pixel) della finestra finestra del browser tra cui, se reso, la barra di scorrimento verticale.
Questo è apparentemente come funzionano. Una pagina di test, tuttavia, mostra che sono entrambi uguali, indipendentemente dal modo in cui li ridimensiono in Firefox 14.0.1 su Ubuntu 12.04. In Chromium, restituiscono numeri che sono 8 pixel diversi. Facendo un po 'di calcoli morti, sembra che la finestra cromata su quella particolare app sia di circa 4 pixel sul lato sinistro e 4 pixel sul lato destro e che questa differenza sia stata correttamente rilevata in quel browser.
Codice per la pagina di test che ho usato:
<!DOCTYPE html>
<html lang="en">
<head>
<title>12066093</title>
<meta charset="utf-8">
</head>
<body>
<div style="width:2000px; height: 2000px;">hi</div>
<script type="text/javascript">
alert("window.innerWidth: " + window.innerWidth + "\nwindow.outerWidth: " + window.outerWidth);
</script>
</body>
</html>
Controllare il riferimento Mozilla per window.innerWidth e window.outerWidth. Se il sistema operativo/gestore di finestre li ha, window.outerWidth include i bordi della finestra, il ridimensionamento degli handle e le barre laterali.
Prova ad aprire i segnalibri o la barra laterale della cronologia, quindi prova di nuovo in Firebug.
ma in ogni caso vedo entrambi '' window.innerWidth' e window.outerWidth' è uguale !! – AmerllicA