Javascript 如何演示document.documentElement.clientWidth和；内宽？

读到这个,

如果

document.documentElement.clientWidth | Height

返回不包括（垂直？）滚动条的视口尺寸

和

innerHeight | Width

返回视口尺寸，包括（垂直？）滚动条

为什么这两个属性在我的页面上返回相同的值，即使我有一个（自动）垂直滚动条

---

哪一个示例可以显示这两个属性之间的差异？

这里是一个基本示例，显示宽度不同

console.log（“clientWidth”，document.documentElement.clientWidth）；
log（“innerWidth”，window.innerWidth）；
log（“visualViewport宽度”，window.visualViewport.width）；
log（“clientHeight”，document.documentElement.clientHeight）；
console.log（“innerHeight”，window.innerHeight）；
log（“visualViewport高度”，window.visualViewport.height）
body{padding:0；margin:0；}
.div{高度：500px；背景：红色；}
两个
clientWidth
和
innerWidth
都显示相同的值，我的问题是当它们显示不同的值时需要演示values@tonitone120，那一定是浏览器的事。因为在我桌面上的Chrome中，它们是不同的。我猜你也使用了最新版本的Chrome？@tonitone120，我只是下载了它来验证，数字仍然不同。我看到的数字是：（616 633 200 200）@tonitone120我更新了我的答案，以显示控制台中值旁边的名称，但得到的结果与clientWidth/Height相同