Javascript 查找包含水平滚动条的页面的全宽

我试图找到这一页的全部宽度，我已经跟随了很多，但没有运气

我试过了

$(document).width()
window.outerWidth
window.innerWidth
document.body.scrollWidth
document.body.clientWidth

我试图在底部有水平滚动条的页面中获取这些值，而我获取的所有上述代码的值都是相同的 console.log（$（document.width（），window.outerWidth，window.innerWidth，document.body.scrollWidth，document.body.clientWidth）

产出：13661366136613661366

我正在尝试查找旧sharepoint页面的宽度，但这些页面的设计不正确，即某些表/图像具有内联样式指定的巨大宽度，并且未包含在其父容器中

我甚至试图找到宽度最大的元素

var maxwidth=1300

$("body *").each(function(){
if($(this).width()>maxwidth){
  maxwidth = $(this).width();
}
})
console.log(maxwidth)

但这并不可靠。例如，在没有滚动条的页面中，最大宽度为

2773

，而在有滚动条的页面中，最大宽度为

2000

---

不确定还可以做些什么来获得页面的全宽

您在找这样的东西吗

---

检查窗口宽度，是一个元素宽度更宽，我们调整它以适应。对于页边距和填充，这可能不完全准确。

您正在寻找类似的内容吗

检查窗口宽度，是一个元素宽度更宽，我们调整它以适应。对于边距和填充，这可能不完全准确。

尝试以下方法：

$（'document'）.ready（函数（）{
$（窗口）。滚动（函数（）{
console.log（$（this.outerWidth（）+$（this.scrollLeft（））
})
})

html，
身体{
边际：0px；
}

尝试以下方法：

$（'document'）.ready（函数（）{
$（窗口）。滚动（函数（）{
console.log（$（this.outerWidth（）+$（this.scrollLeft（））
})
})

html，
身体{
边际：0px；
}

多亏@Hemant（用户：8093451）的回答，我想出了另一个使用Firefox（版本77.0.1 64位）的解决方案：

• 访问所需网站并将浏览器窗口调整为最小宽度
• 如果网站有一个理想的宽度，水平滚动条现在应该是可见的
• 从Firefox菜单选择工具，Web开发者，Web控制台
• 在左下角添加以下javascript代码：

  console.log（this.outerWidth+this.scrollX）

• 将水平滚动条的条拖动到最右侧
• 通过点击Run或通过快捷键Ctrl+Enter来运行javascript代码（Web控制台必须有焦点）
• 所需的值（水平滚动条出现前网站的最小宽度）应显示在Web控制台输出中；例如：1292
• 最后，通过使用免费的Firefox插件，如WindowSizer（由Dr.Cheap提供），您可以将窗口宽度设置为所需的值，如1292。此外，您还可以检索窗口的当前大小（不是上面的值，而是可见宽度）

我正在寻找一种方法，在显示水平滚动条之前，将浏览器窗口宽度设置为理想的网站宽度。如果我没记错的话，这是浏览器过去支持的功能，但现在似乎缺少了。感谢你的问题@Vignesh Subramanian（用户：848841），我终于来到这里。

感谢@Hemant（用户：8093451）的回答，我想出了另一个使用Firefox（版本77.0.1 64位）的解决方案：

• 访问所需网站并将浏览器窗口调整为最小宽度
• 如果网站有一个理想的宽度，水平滚动条现在应该是可见的
• 从Firefox菜单选择工具，Web开发者，Web控制台
• 在左下角添加以下javascript代码：

  console.log（this.outerWidth+this.scrollX）

• 将水平滚动条的条拖动到最右侧
• 通过点击Run或通过快捷键Ctrl+Enter来运行javascript代码（Web控制台必须有焦点）
• 所需的值（水平滚动条出现前网站的最小宽度）应显示在Web控制台输出中；例如：1292
• 最后，通过使用免费的Firefox插件，如WindowSizer（由Dr.Cheap提供），您可以将窗口宽度设置为所需的值，如1292。此外，您还可以检索窗口的当前大小（不是上面的值，而是可见宽度）

---

我正在寻找一种方法，在显示水平滚动条之前，将浏览器窗口宽度设置为理想的网站宽度。如果我没记错的话，这是浏览器过去支持的功能，但现在似乎缺少了。多亏了你的问题@Vignesh Subramanian（用户：848841），我才来到这里。

你期待什么？你得到的是什么？你做过任何搜索了吗（）？你是说垂直滚动条吗？@Abhitalks没有水平滚动条scrollbar@evolutionxbox我现在已经添加了详细信息。请检查投票人请对应该改进的内容发表评论你期待什么？你得到的是什么？你做过任何搜索了吗（）？你是说垂直滚动条吗？@Abhitalks没有水平滚动条scrollbar@evolutionxbox我现在已经添加了详细信息。请查收投票人请对应该改进的地方发表评论

$('#button').click(function () {
    var maxWidth = window.innerWidth;

  $('body').children().each(function () {
    var $el = $(this);

    if ($el.width() > maxWidth) {
        $el.css('width', maxWidth);
    }
  });
});