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

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

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

https://ldcigm4: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

维护在 i18n_<language_code>.properties 里的标题内容，为汉字的 unicode：

HTML header 对应的设置：meta content=“text/html;charset=UTF-8”:

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

<title>{{appTitle}}</title>

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

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

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

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

AppConfiguration.js:

答案是来自 manifest.json：

更多Jerry的原创文章，尽在：“汪子熙”:

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

SAP Fiori Elements 应用里的 Title 显示的内容是从哪里来的
仅从静态代码分析来看,title 数据源有两处: flpSandbox.html 里的 title 标签 manifest.json 文件里 sap.app 字段下的 title 字段. 下图这个语法 ...
在没有任何前端开发经验的基础上, 创建第一个 SAP Fiori Elements 应用
这是 Jerry 2021 年的第 26 篇文章,也是汪子熙公众号总共第 297 篇原创文章. 本文绝非标题党. Jerry 前一篇文章 SAP Cloud Application Programmi ...
SAP Fiori Elements 公开课第三单元学习笔记 - OData 和注解深入讲解
课程地址很多 SAP 从业者反映,open SAP 上的视频,因为网络原因无法访问,所以我会陆续在我的个人微信号"汪子熙"上面,把这些视频配上中文字幕并发布出来,敬请关注. ...
SAP Fiori Elements 公开课第二单元视频的台词和课程主要内容
课程地址很多 SAP 从业者反映,open SAP 上的视频,因为网络原因无法访问,所以我会陆续在我的个人微信号"汪子熙"上面,把这些视频配上中文字幕并发布出来,敬请关注. ...
SAP Fiori Elements List Report 列表宽度决定逻辑的单步调试
注:本文需要结合这篇文章 SAP Fiori Elements List Report Smart Table 列项目宽度计算的奥妙来阅读. 执行上下文:SmartTable.prototype._ ...
SAP Fiori Elements 里 Smart Table column 的宽度问题
如下图所示,我有一个 SAP Fiori Elements List Report 制作出的应用: 层级结构:thead - tr - th: 宽度: 2rem. em是相对长度单位.相对于当前对象内 ...
SAP Fiori Elements 框架里 Smart Table 控件的工作原理介绍
这是 Jerry 2021 年的第 34 篇文章,也是汪子熙公众号总共第 310 篇原创文章. Jerry 前一篇文章深入掌握 SAP Fiori Elements 工作原理系列之二:如何给 Fio ...
深入理解 SAP Fiori Elements 工作原理系列之二：如何给 SAP Fiori Elements 应用添加自定义按钮
这是 Jerry 2021 年的第 33 篇文章,也是汪子熙公众号总共第 309 篇原创文章. Jerry 的日常工作内容从 2020 年 8 月转到 Angular 前端开发之后,算是领略到了这个流 ...
SAP Fiori Elements 应用里和 Fiori 3 相关的外观设置
SAP Fiori Elements 应用使用了 SAP Fiori 3 的外观.这一点从 Fiori Elements 应用里使用的 css 规则所在的 css 实现文件路径可以发现: http:/ ...

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

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

最新文章

热门文章