关于 SAP UI5 Device API 的使用介绍

简介: 设备 API ( sap.ui.Device ) 是一个 API,它提供有关设备细节的信息,例如操作系统及其版本、浏览器和浏览器版本、屏幕尺寸、当前方向以及对特定功能的支持,如触摸事件支持, 方向变化等等。

设备 API ( sap.ui.Device ) 是一个 API,它提供有关设备细节的信息,例如操作系统及其版本、浏览器和浏览器版本、屏幕尺寸、当前方向以及对特定功能的支持,如触摸事件支持, 方向变化等等。


例如,sap.ui.Device.orientation 对象保存当前方向信息:


Landscape: 指示当前方向是否为横向的标志


Portrait:指示当前方向是否为纵向的标志


看个具体的例子:


我们在 Chrome 开发者工具 Console 面板里输入 sap.ui.Device.orientation,即可得到 landscape 等于 true 的结果,说明当前运行 SAP UI5 应用的设备布局为 landscape.


例如,如果想为特定事件(如调整大小或方向更改)注册处理程序,可以通过附加到此类事件来轻松完成:



sap.ui.Device.orientationChange.attachHandler(function(){
  alert("orientation changed");
});

两者都可以跨平台工作,即使在设备本身不支持方向更改事件的情况下也是如此。


如果您想在代码中检查某个系统类别(手机、平板电脑、台式机),您可以询问 sap.ui.Device.system.phone 的值,如果您正在使用 Phone 设备访问该页面,该值将设置为 true.


看个具体的例子:




上图说明我们是通过电脑端即 Desktop 访问的 SAP UI5.


注意:分类基于各种因素,例如屏幕尺寸、触控功能、操作系统和用户代理。 根据设备上的功能组合,可能会发生多个标志设置为 true 的情况。


同样,还可以检查当前设备或浏览器的不同浏览器、不同操作系统和可用功能。


sap.ui.Device.media 下提供了屏幕宽度更改事件的 API。 它允许您将处理程序附加到特定间隔之间的屏幕宽度变化。 每当遇到这样的间隔时,就会在页面上的 HTML 根标记中添加某个 CSS 类。 对于典型宽度,这些间隔有预定义的范围集。 自动初始化的标准集如下:


  • SAP_3STEPS:3 步范围集 (S-L)


  • SAP_STANDARD_EXTENDED:4 步范围集(电话、平板电脑、台式机、大型桌面)




相关文章
|
5月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
5月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
5月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
|
5月前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍
|
5月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
|
5月前
|
搜索推荐
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
|
5月前
|
Web App开发 前端开发 JavaScript
乱花渐欲迷人眼 - 让 SAP UI5 应用的日志输出不再素面朝天
乱花渐欲迷人眼 - 让 SAP UI5 应用的日志输出不再素面朝天
|
5月前
|
Web App开发 JSON JavaScript
SAP UI5 应用程序小技巧 - 一键将 JSON 对象导出成本地 json 文件
SAP UI5 应用程序小技巧 - 一键将 JSON 对象导出成本地 json 文件
|
5月前
|
存储 安全 测试技术
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
下一篇
无影云桌面