当前位置: 首页 > Web前端 > HTML5

用调试的方法弄明白SAPUI5应用标题是怎么改的

时间:2023-04-05 14:29:15 HTML5

在Fiorilaunchpad中,页面标题将显示默认值“Home”。当我点击一个给定的磁贴进入一个UI5应用程序时,页面标题从“主页”更改为“我的任务”。今天我正在处理一个事件,一旦我进入一个应用程序,页面标题就不会显示正确,请看下面的错误截图:为了解决这个问题,我需要确切地知道哪一行改变了页面标题的值。因为我不知道为什么当我输入错误的应用程序时页面标题会变成这样,所以我的想法是,如果我可以使用页面标题正常工作的应用程序进行测试,并且如果我可以找到标题值分配的代码行,那么我可以在该行上设置断点并使用错误的应用程序进行调试。感谢借助Chrome开发工具的强大功能,我可以非常高效地完成故障排除。第一步,确定哪个html标记包含页面标题的值。打开Chrome开发选择工具,单击元素选项卡并找到标签“标题”。更改其值,更改将立即在浏览器中刷新。这证明了它是包含页面标题的标题标签。然后右键单击该标题元素,选择“Breakon...”并标记所有三个选项。现在通过单击返回按钮从应用程序返回到启动板,触发断点。导航回页面标题显示有效的应用程序。因此,Shell.controller.js负责使用变量sTitle更改页面标题。现在我的任务是找出变量sTitle是如何填充的。回到一个外部调用堆栈框架,sTitle来自对象oMetadata的一个属性。那么oMetadata填在哪里呢?第892行,现在明白了:oMetadataConfig来自Fiori应用中定义的元数据配置:而这是i18n.properties文件:关于我在日常工作中如何使用Chrome开发工具的完整博客列表,请从这个博客中找到它:Chrome日常工作中使用的开发工具技巧。更多Jerry原创文章,请关注公众号“王子熙”: