如何识别混合平板电脑中硬件键盘与软键盘的使用情况?

How can I identify usage of hardware vs soft keyboard in a hybrid tablet?

问题:

我有一个大约 90 名用户的小组,这非常重要,因此当其中一两个企业客户希望 UI 在他们的 Web 应用程序中进行更改时,他们通常会获得专用的开发资源。但是,我们必须准确了解整个群体如何使用该应用程序,因为该群体往往对他们的 UI 外观有强烈的个人看法,而且他们使用该应用程序的方式各不相同。我遇到的最大麻烦是识别他们使用硬件还是软键盘。最理想的是,我正在寻找一个简单的答案,"use the new Window.TabletMode == true!" 我认为不存在这个简单的答案。

研究:

代码:

From W3Schools,

The window.orientation property returns 0 for portrait and 90 or -90 for landscape view.

结合 window.innerHeight,我可以使用类似...

var portrait;

$(window).on("orientationchange",function(event){
  if (event.orientation == 0)
  {
     portrait = true;
  } 
  else //if not, it's landscape
  {
    portrait = false;
  }
});

然后我会使用 window.innerHeight 结合 portrait 的值来确定 宽高比 是否看起来像我打开了键盘.考虑到我相当狭窄的限制,这种方法确实可以全屏工作,但如果浏览器不是全屏怎么办?我敢肯定还有很多其他原因不为此写一个骇人听闻的比率计算。此外,我最大的愿望当然是在任何浏览器和任何屏幕尺寸上执行此操作。

我可以处理这些事情:我需要在加载文档时设置变量,并想出一种方法来确定输入何时变得相关。我可能需要检查一些浏览器功能。也许我会增加使用和不使用硬件键盘打字的计数器。一旦我击中某个数字(比如说 5 次击键),我就会向我的数据跟踪端点发送一个 POST 请求,让它知道会话 12345 使用了软键盘(或硬键盘)。之后,我将取消订阅事件处理程序。然而,我对这部分的工作不太关心,因为我不认为我会卡在任何东西上,但我不希望任何人花时间在美化或开发一个巨大的例子上。

环境:

对读者的影响:

我看到医疗亭/电子病历 space 不再使用 Ipad,因为 Ipad 限制了很多 UI 选择以支持统一的体验。如果医生希望进行非常具体的 UI 更改,他们尤其会经常受到高级 IT 领导的关注。 Microsoft 倾向于允许对浏览器的工作方式进行大量非标准干预和(最近)更多标准类型的干预。我认为,出于这个原因以及许多医疗团体都非常重视 .NET 开发能力的原因,我认为很多这种运动都将转向 Windows 平板电脑。

底线:你无法得到你想要的。对于 IE11,您实际上还有其他一些挑战。您不能简单地将 Fullscreen APIpromise = element.requestFullscreen() 一起使用,因为 IE 将首先请求用户的许可,而 API 让您检查功能而不是状态。另外,在Windows8和8.1中,多个全屏应用程序可以共享桌面,这有点违反直觉。

但是,如果您可以指望网络应用程序可能是全屏的,那么您的 "hackish" JavaScript 解决方案可能是最佳答案。加载文档时获取初始尺寸并在按键期间进行比较。作为旁注,请记住,用户可能不会仅仅因为他或她不在扩展坞中而使用软件键盘。用户仍然需要明确打开软键盘。

如果您说 "Android only",那将是一个简单的解决方案,但您已经在问题中证明了您知道这一点。如果您想使用桌面应用程序,可以使用 some MSDN documentation on a hardware token here 但您再次指出这不够简单。