javascript - 查找页面的整个宽度，包括水平滚动条

Question

我正在尝试找到页面的完整宽度，我关注了很多 answers在 SO但没有运气

我试过了

$(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)

output: 1366 1366 1366 1366 1366

我正在尝试查找旧 Sharepoint 页面的宽度，但它们设计不当，即某些表格/图像在内联样式中指定的宽度很大，但它们未包含在其父容器中

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

var 最大宽度 = 1300;

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

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

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

Answer 1

尝试这样的事情:

$('document').ready(function() {
  $(window).scroll(function() {
    console.log($(this).outerWidth() + $(this).scrollLeft())
  })

})

html,
body {
  margin: 0px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="height:100px;width:1600px;background:#b4b4b4"></div>