開啟筆者 SAP UI5 教程的任何一個應用，可以在 index.html 裡找到根節點的這些 css 類：

其中如下圖高亮顯示的三個 css 類，都帶上了 desktop 的字尾：
![](https://img-blog.csdnimg.cn/img_convert/4e23630dbfa0bc6746b1995d766f8672.png)

這些 css 類是怎麼填充的？

如果不是 phone，也不是 tablet，那就一定是 desktop 了，採取的是排除法的邏輯。

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

desktop：
![](https://img-blog.csdnimg.cn/img_convert/48af7a8353f9493e49ca9ae756f4a028.png)

然後呼叫 `changeRootCSSClass`，給 index.html 根節點設定 css 類：

```javascript
for (var type in SYSTEMTYPE) {
			changeRootCSSClass("sap-" + SYSTEMTYPE[type], !oSystem[SYSTEMTYPE[type]]);
		}
```

實現原理就是找到 window.document.documentElement, 然後往 `className` 裡寫值。

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

有關 SAP UI5 受支援的瀏覽器和平臺的唯一真實來源是產品可用性矩陣 (PAM)，您可以在 SAP [網站](https://support.sap.com/pamInformation)中找到它。 SAPUI5 不是一個獨立的產品，因此請檢查您正在使用 SAPUI5 的 SAP 產品的 PAM。 有關更詳細的資訊，請參閱 SAP 說明 1716423。

由於 SAPUI5 基於 CSS3、HTML5 和 ECMAScript 5 (ES5) JavaScript API，因此僅支援具有 HTML5 功能的瀏覽器。 一般來說，SAPUI5 框架只能支援相應平臺也支援的主要版本。

在 SAPUI5 1.87 之後結束對 Microsoft Internet Explorer 11 (IE11) 的支援。 SAPUI5最後一個支援IE11的長期維護版本是SAPUI5 1.84。 直到幷包括 SAPUI5 1.87 的版本將繼續支援 IE11，只要它們處於維護狀態（請參閱 https://ui5.sap.com/versionoverview.html）。

基於 SAPUI5 的產品有自己的瀏覽器支援策略，可能已經放棄了對 IE11 的支援，即使 SAPUI5 的底層維護版本仍然支援它。 當您決定使用某個產品版本時，請檢視在 SAP 網站上釋出的產品可用性矩陣 (PAM) 資訊。

使用需要 IE11 的活動瀏覽器外掛的舊版 Web 應用程式無法在 SAP Fiori Launchpad 中執行，該 Launchpad 依賴於支援結束後釋出的 SAPUI5 版本。 透過 SAP HTML 控制元件將 SAPUI5 應用程式整合到 SAP GUI for Windows 中也是如此：您的 SAP GUI for Windows 版本需要高於 7.60 才能配置 Microsoft Internet Explorer 控制元件以外的瀏覽器引擎，請參閱 SAP 註釋 2913405。

SAP UI5 index.html 根節點的 css 類填充邏輯

相關文章