Ciao a tutti, vorrei sapere il significato di window.outerWidth.
Ho creato una pagina web con il seguente codice:
<script>
var x,y;
x=window.innerWidth;
y=window.outerWidth;
document.write("windowinnerwidth: "+x+"<br>");
document.write("windowouterwidth: "+y);
</script>
La definizione di window.outerWidth è:
Window.outerWidth gets the width of the outside of the browser window. It represents the width of the whole browser window including sidebar (if expanded), window chrome and window resizing borders/handles.
Ora se per esempio la window.innerWidth è di 298px (tra l'altro la presenza o assenza della
scroll-bar verticale non influisce sulla innerwidth), la window.outerWidth è di 314px, cioè 16px in più. Ho notato che ci sono i bordi della finestra di un pixel di larghezza ciascuno.
Ci sono margini di una finestra di un browser? Che cosa viene conteggiato nell'outerwidth?
Poi la cosa strana è che se impostassi la finestra del browser a schermo intero con F11
avrei:
window.innerWidth = 1366px
window.outerWidth = 1350px
Sembra strano che outerwidth sia minore di innerwidth.
Nel caso ci fosse la barra degli strumenti in basso avrei
window.innerWidth = 1366px
window.outerWidth = 1366px
(ho fatto tre istantanee per i tre casi descritti)
Grazie.