关于sap:SAP-UI5-设备类型检测-Device-API-的工作原理

36次阅读

共计 1298 个字符,预计需要花费 4 分钟才能阅读完成。

为什么 SAP UI5 利用初始化时,要调用 SAP UI5 设施检测 API,即 sap.ui.Device 来检测运行以后 SAP UI5 利用的设施类型?

能够查看我这篇文章:SAP UI5 利用开发教程之三十四 – SAP UI5 利用基于设施类型的页面适配性能 (Device Adaptation)。

本文介绍该设施检测 API 自身的工作原理。

Device API 所在的 Device.js 文件被加载后,立刻执行 setOS 办法:

OS 构造变量能够看出,SAP UI5 反对下列几种操作系统的检测:

  • Android
  • iOS
  • Linux
  • mac
  • Windows

咱们通过浏览器的 userAgent 来判断操作系统类型:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.99 Safari/537.36

应用正则表达式匹配,如果发现有 Android 字符串,则阐明以后的 SAP UI5 利用,运行在 Android 挪动设施上。

如果没有检测到,进入 getDesktopOS 分支。

我用的是 Windows10 操作系统,platform 字段值为 Win32:

胜利解析出操作系统的版本号为 10:

给 Device API 里的 device 对象设置对应的 os 值:

而后执行 setBrowser 设置浏览器对应的 flag:

基于 webkitmozilla 的浏览器类型检测,应用上面的正则表达式实现:

var rwebkit = /(webkit)[\/]([\w.]+)/;
var rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/;

最初依然通过正则表达式联合 userAgent,检测出我在 Windows10 操作系统上应用的浏览器类型为 Chrome

依据这个 StackOverflow 帖子 提到的如何检测 Chrome 是否应用了 blink 渲染引擎的实现:

给 Device 全局变量的 support 字段赋值:

进入设施类型检测:

首先检测是否是 tablet

var bTabletDetected = !!isTablet(customUA);

从这里可能看出,SAP UI5 判断一个设施是 tablet 的逻辑为,如果该设施的操作系统是 windows 或者 mac 或者 Linux,那么如果它反对 touch 操作,就被看成是 tablet

从下图代码,咱们终于找到了 SAP UI5 断定以后 device 是 phone 的逻辑:如果设施反对 touch 操作并且不是 tablet,那么肯定是 phone.

而检测一台设施是否反对 touch 的逻辑:

var detectTouch = function () {return !!(('ontouchstart' in window)
            || (window.navigator.maxTouchPoints > 0)
            || (window.DocumentTouch && document instanceof window.DocumentTouch)
            || (window.TouchEvent && Device.browser.firefox));
    };

更多 Jerry 的原创文章,尽在:” 汪子熙 ”:

正文完
 0