How to get browser width (not document/window)?
Question
I'm struggling to find a solution to get the browser's width, not the document width.
window.innerWidth
This is the famous method to get it but I want to get the value inside an iframe (which is smaller than browser's viewport) but with the measures from browser (not the iframe). Like, testing in codepen or jsfiddle, I only get the width from result area.
browser (width: 1260px)
> body
> iframe (width: 260px)
> iframe (width: 1000px)
here, I want to get the browser value
2 answers
solution1
1 2019-05-13 09:26:15
let's say you have something like that
<!DOCTYPE html>
<html>
<body>
<iframe id="myFrame" src="https://www.w3schools.com">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
To get the iFrame width:
javascript
document.getElementById("myFrame").width;
jQuery
$("#myFrame").width;
To get browser width
javascript
window.parent.width; // or innerwidth
To get screen width
javascript
screen.width
You can mix all these techniques and get width of everything in your browser
solution2
1 ACCPTED 2019-05-13 09:39:48
This?
console.log(window.outerWidth);
window.innerWidth is the width of the area within the browser. window.outerWidth is, unsurprisingly, the width of the browser itself.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.