iOS Chrome - 如何计算窗口高度减去地址栏的高度

时间:2016-01-17 12:49:12

标签: javascript html ios google-chrome ipad

我正在开发的浏览器游戏只有一个全尺寸的画布元素。 在iOS9.2(iPad)Chrome(Ver 47.0.2526.107)中运行这些游戏时,游戏画面的底部区域不会显示。 (几个月前它没有发生。即使现在这种情况也不会发生在Safari中,也不会发生在Android 5.0.2 Chrome 47.0.2526.83上)

这些游戏程序首先计算窗口的大小(显示地址栏时显示html文档的区域),并放置具有该大小的画布元素。 由于某些版本的Chrome,"大小的窗口"被解释为未显示地址栏时的窗口大小。

我试图通过以下方式获得窗口的高度:

  • screen.availHeight
  • window.innerHeight
  • $(窗口).height()
  • document.documentElement.clientHeight
  • document.height
  • $(document).height()

但它们都返回相同的值,即地址栏未显示时的高度。

测试代码显示在http://jsrun.it/hoge1e4/4Ygq我想知道显示地址栏时屏幕底部的比例值。 (见图) enter image description here

1 个答案:

答案 0 :(得分:2)

问题似乎可以通过版本升级来解决。

我在ver.49.0.2623.73

上查了一下