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

Question

问题:

我有一个大约 90 名用户的小组，这非常重要，因此当其中一两个商业客户希望在他们的 Web 应用程序中更改 UI 时，他们通常会获得专门的开发资源。然而，对我们来说，准确了解整个群体如何使用应用程序很重要，因为这个群体往往对他们的 UI 外观有强烈的个人看法，而且他们都以不同的方式使用应用程序。我最麻烦的是 识别他们对硬件与软键盘的使用 .理想情况下，我正在寻找一个简单的答案，“使用新的 Window.TabletMode == true !”我不认为这个简单的答案存在。

研究:

所以问题Detect virtual keyboard vs. hardware keyboard是我看到的唯一一个非常相似的问题，但它的一半时间都集中在使用 JavaScript 键盘替换软键盘上，因此答案讨论了如何使键盘特定于数字、日期等。此外，他正在寻找交叉我只需要 IE11+ 支持的浏览器解决方案。最后，我可以依赖于对接的硬件键盘和特定品牌(戴尔)。最后，我可以依赖 Windows/IE11，因此与这个 3 年前的问题相比，可能还有其他方法。我使用混合平板电脑也使功能检查方法变得无用，因为我已经知道设备上已经提供了所有功能(触摸等)。

我可以 check the Registry对于 UI 设置，但我真的需要坚持使用 JavaScript 或类似的东西。

Android无证但已知 events表示键盘的显示和隐藏。但是，没有一个用户会使用 Android。

IE 应该收到 WM_SETTINGCHANGE message当更改发生时，但我无法确定这是否可用于 JavaScript API。我认为这将是一条更具体的消息(如果有的话)，所以我找不到这个搜索词和 JavaScript 的任何内容。

代码:

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的值确定是否宽高比看起来我有一个键盘打开。考虑到我相当狭窄的限制，这种方法确实可能适用于全屏，但如果浏览器不是全屏怎么办？我敢肯定还有很多其他原因不为此编写 hacky 比率计算。此外，我最大的愿望当然是使用任何浏览器和任何屏幕尺寸来实现这一点。

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

环境:

硬件应该都是戴尔平板电脑/笔记本电脑混合体(特定型号待定)，带有 IE11+ .我讨厌制作特定于 IE 的东西，但如果它在 IE11+ 上运行，则完全可以接受。

我应该能够引入任何建议的 JavaScript 库，但请记住 jQuery 2.2 和 淘汰赛 2.1 已经存在，因此为使用 JQuery 的解决方案添加的“权重”很少。

我大概 无法获得编写使用 ActiveX 的应用程序的批准 或者其他一些需要安装本地应用程序的繁重定制方法，因为我的公司大约有 50,000 个用户，而像这样的部署 90 个用户的部署将过于复杂，难以维护。

屏幕大小都应该为11英寸，但我也很不愿意诉诸使用特定大小和分辨率，因为这样的答案会在应用非常有限，我还是 future 的读者。

对读者的影响:

我看到医疗亭/EMR 领域中的 Ipad 正在远离 Ipad，因为 Ipad 限制了很多 UI 选择，以支持有凝聚力的体验。如果医生希望对 UI 进行非常具体的更改，他们尤其会经常引起高级 IT 领导者的注意。 Microsoft 倾向于允许对浏览器的工作方式进行大量非标准干预和(最近)更标准的干预类型。我认为，出于这个原因，以及许多医疗团队都非常重视 .NET 开发能力的原因，很多此类运动都将转向 Windows 平板电脑。

Answer 1

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

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

如果您说“仅限 Android”，那将是一个简单的解决方案，但您已经在问题中证明了这一点。如果你想使用桌面应用程序，有 some MSDN documentation on a hardware token here但是您再次指出这不够简单。