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

标签 javascript html ios google-chrome ipad

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

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

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

  • 屏幕可用高度
  • window.innerHeight
  • $(窗口).height()
  • document.documentElement.clientHeight
  • 文档.height
  • $(文档).height()

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

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

最佳答案

问题貌似是通过升级版本解决的。

我在ver.49.0.2623.73上查过

关于javascript - iOS Chrome - 如何计算窗口高度减去地址栏高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34838491/

相关文章:

javascript - 如何遍历 jquery 中的每个父列表项?

javascript - 使用 javascript 动态更改 <select> 选项

html - 如何使用CSS将页脚放在底部?

jquery - 第二轮播不工作

ios - 禁用 MFMessageComposeViewController 的自定义外观

javascript - 需要弄清楚为什么这个外部 *.js 函数不起作用

javascript - 在 meteor.js 中对地址服务器端进行地理编码并将坐标插入数据库

javascript - 如何从 JavaScript 获取图像值并使用 php 提交到 mysql 表

ios - OSX 生成的 key 无法加密(SecKeyCreateRandomKey 和 SecKeyCreateEncryptedData)

ios - 如何使用图像和标签制作自定义正确的 UIBarButtonItem?