如何获得浏览器宽度(不是文档/窗口)？

Question

我很难找到一个解决方案来获得浏览器的宽度，而不是文档宽度。

window.innerWidth

这是获取它的著名方法，但我希望在一个iframe (它比浏览器的视口更小)中获得值，但是使用来自浏览器(而不是iframe)的度量。例如，在代码或jsfiddle中进行测试，我只从结果区域获得宽度。

browser (width: 1260px)
  > body
    > iframe (width: 260px)
    > iframe (width: 1000px)
      here, I want to get the browser value

Answer 1

这?

​

console.log(window.outerWidth);

​

window.innerWidth是浏览器中区域的宽度。毫不奇怪，window.outerWidth是浏览器本身的宽度。

Answer 2

假设你有这样的东西

<!DOCTYPE html>
<html>
<body>

<iframe id="myFrame" src="https://www.w3schools.com">
  <p>Your browser does not support iframes.</p>
</iframe>

</body>
</html>

要获得iFrame宽度：

javascript

document.getElementById("myFrame").width;

jQuery

$("#myFrame").width;

iFrame参考

获取浏览器的宽度

javascript

window.parent.width; // or innerwidth

父引用

获得屏幕宽度

javascript

screen.width

屏幕参考

您可以混合所有这些技术，并在浏览器中获取所有内容的宽度。