SAP UI5 名稱空間 `sap.ui.Device.system` 下包含了一系列標誌位，這些標誌位的型別為 `boolean`：

- sap.ui.Device.system.combi：如果此標誌設定為 true，則裝置被識別為桌面系統和平板電腦的組合。

此外，一個 CSS 類 sap-combi 被新增到文件根元素中。

注意：僅當同時檢測到桌面裝置和移動裝置時，此屬性才設定為 true。

- sap.ui.Device.system.desktop：如果此標誌設定為 true，則裝置被識別為桌面系統。

此外，一個 CSS 類 sap-desktop 被新增到文件根元素中。

注意：預設情況下，此標誌對於執行 iOS 13 或更高版本的 iPad 上的 Safari 也是如此。 終端使用者可以透過在 iOS 設定中禁用“請求桌面網站 -> 所有網站”來更改此行為。

- sap.ui.Device.system.phone：如果此標誌設定為 true，則裝置被識別為電話。

此外，一個 CSS 類 sap-phone 被新增到文件根元素中。

注意：如果手機請求將網頁作為“桌面頁面”，則可能會將除 Device.system.phone 之外的所有屬性設定為 true。 在這種情況下，不可能依靠使用者代理來區分平板電腦和手機。

- sap.ui.Device.system.tablet：如果此標誌設定為 true，則裝置被識別為平板電腦。

此外，在文件根元素中新增了一個 CSS 類 sap-tablet。

注意：此標誌也適用於在桌面裝置上執行的某些瀏覽器。 可以使用以下邏輯來確保當前裝置是平板裝置：

```javascript
if(sap.ui.Device.system.tablet && !sap.ui.Device.system.desktop){
	...tablet related commands...
}
```

看個具體的例子：

![](https://img-blog.csdnimg.cn/img_convert/40c91804d15eba3d0e5c5ba9b64bdaf3.png)

以上 html 根元素，確實具有 `sap-desktop` 的 CSS 類.

但是這個類又是拿來幹什麼的？

sapUiMedia-Std-Tablet

裝置 API ( sap.ui.Device ) 是一個 API，它提供有關裝置細節的資訊，例如作業系統及其版本、瀏覽器和瀏覽器版本、螢幕尺寸、當前方向以及對特定功能的支援，如觸控事件支援， 方向變化等等。

關於 SAP UI5 裝置型別檢測的實現原理

相關文章