Ich untersuchte das window Objekt in Firebug. window.innerWidth und window.outerWidth sind beide 1230.Was ist der Unterschied zwischen window.innerWidth window.outerWidth?
Was ist der Unterschied zwischen diesen beiden Werten?
Von Mozilla Developer Network:
window.outerWidth
window.outerWidth wird die Breite der außerhalb des Browserfensters. Es stellt die Breite des gesamten Browserfensters einschließlich Seitenleiste dar (wenn erweitert), Fenster-Chrome und Fenster, die Ränder/Griffe ändern.
und
window.innerWidth
Breite (in Pixel) des Browserfensters Darstellungsfeld einschließlich, falls die vertikale Bildlaufleiste gerendert.
Dies ist angeblich wie sie funktionieren. Eine Testseite zeigt jedoch, dass sie beide gleich sind, egal wie ich sie in Firefox 14.0.1 auf Ubuntu 12.04 ändere. In Chrom geben sie Zahlen zurück, die 8 Pixel unterschiedlich sind. Wenn man ein bisschen tot rechnet, sieht es so aus, als ob das Fenster-Chrom auf der betreffenden App ungefähr 4 Pixel auf der linken Seite und 4 Pixel auf der rechten Seite ist und dass dieser Unterschied in diesem Browser korrekt aufgenommen wird.
-Code für die Testseite I verwendet:
<!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>
Überprüfen Sie die Mozilla-Referenz für window.innerWidth und window.outerWidth. Wenn Ihr Betriebssystem/Fenster-Manager über sie verfügt, enthält window.outerWidth die Fensterrahmen, Größenänderungs-Handles und Seitenleisten.
Versuchen Sie, die Lesezeichen- oder Verlaufsleiste zu öffnen, und versuchen Sie es dann erneut in Firebug.
aber in jedem Fall sehe ich beide 'window.innerWidth' und' window.outerWidth' gleich !! – AmerllicA