Examiné el objeto window en Firebug. window.innerWidth y window.outerWidth son ambos 1230.¿Cuál es la diferencia entre window.innerWidth window.outerWidth?
¿Cuál es la diferencia entre estos dos valores?
Desde Mozilla Developer Network:
window.outerWidth
window.outerWidth tiene la anchura de la parte exterior de la ventana del navegador. Representa el ancho de toda la ventana del navegador, incluida la barra lateral (si está expandida), la ventana cromada y el cambio de tamaño de bordes/controladores.
y
window.innerWidth
Ancho (en píxeles) de la ventana ventana del navegador incluyendo, si prestados, la barra de desplazamiento vertical.
Esto es ostensiblemente cómo funcionan. Sin embargo, una página de prueba muestra que ambos son iguales sin importar cómo los redimensione en Firefox 14.0.1 en Ubuntu 12.04. En Chromium, devuelven números que son 8 píxeles diferentes. Haciendo un poco de cálculo a estima, parece que la ventana cromada en esa aplicación en particular es de aproximadamente 4 píxeles en el lado izquierdo y 4 píxeles en el lado derecho y que esta diferencia se recoge correctamente en ese navegador.
Código para la página de prueba que utiliza:
<!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>
Consulte la referencia de Mozilla para window.innerWidth y window.outerWidth. Si su sistema operativo/administrador de ventanas los tiene, window.outerWidth incluye los bordes de la ventana, los controles de cambio de tamaño y las barras laterales.
Intente abrir los marcadores o la barra lateral de la historia, y luego intente de nuevo en Firebug.
pero en todos los casos que ver tanto de '' window.innerWidth' y window.outerWidth' es igual !! – AmerllicA