网页移动可靠高度

Web mobile reliable height

本文关键字:高度 移动 网页      更新时间:2023-09-26

有没有人知道如何使用JavaScript在移动设备上获得确切的客户端高度?我需要有可见的高度(所有的页面高度除了键盘(如果显示)和地址栏(如果可见))。我试过了。innerheight和document. documentelement . clienttheight,但返回值并不总是可靠的。在iOS和Android上,当加载页面并显示/隐藏键盘时,随机,即使键盘不可见,高度也是没有键盘的高度。

似乎你可以从这里得到答案:如何计算可见区域的高度(即窗口高度减去地址&书签栏)在移动Safari网页应用程序?

例如在ios7 safari上:

  • 窗口。innerheight 为529px,即视口高度

  • 屏幕。availHeight为548px,即窗口。

  • 屏幕。height为568px,即屏幕。