为支持国际化(internationalization)，title 属性的值没有硬编码，而是维护在 i18n_<language_code>.properties 里：

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

https://ldai7er9.wdf.sap.corp:44300/sap/bc/ui5_ui5/sap/jerryfioriapp/i18n/i18n_zh.properties

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

https://ldcigm4.wdf.sap.corp:44355/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html?sap-ui-language=ZH&sap-client=001#Opportunity-manageOpportunity&/detail/Opportunities(guid'FA163EE5-6C3A-1ED7-B883-0ED9A99A201F')

想要以中文环境加载 SAP UI5 应用，在 url 后面加上参数即可：

sap-ui-language=ZH

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

维护在 i18n_<language_code>.properties 里的标题内容，为汉字的 unicode：
![](https://img-blog.csdnimg.cn/img_convert/050e17576764a90ec84cb5cab92afbc6.png)

HTML header 对应的设置：meta content="text/html;charset=UTF-8":
![](https://img-blog.csdnimg.cn/img_convert/a7f967869aa1a583742de69c77fe0207.png)

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

SAP Fiori Elements 应用 index.html 里 title 属性的值：

```html
<title>{{appTitle}}</title>
```

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

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

使用下列这行 JavaScript 代码，可以在 window.document title 属性被修改时，让断点自动触发：

```javascript
Object.defineProperty(window.document, "title", { set: function(){ debugger;}});
```

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

从下图可见，Fiori Elements 应用的 title 属性，其值来自于 oMetadata.title:

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

再研究 metadata 是从哪里解析的：

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

AppConfiguration.js:

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

答案是来自 manifest.json：

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

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

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

ITPub博客

关于 SAP Fiori Elements 应用标题属性(title) 的复制逻辑单步调试

最新文章