js 加入debug后可以进入controller_如何debug标准Fiori App

文章来源：《大话SAP》微信公众号  声明：本文根据公开资料整理，仅用于SAP软件的应用与学习，不代表SAP官方

1

简介

本文是关于如何debug标准Fiori App。我相信很多人跟我一样，都碰到过这个问题。之前，为实现这一点，我必须用SAP Web IDE来检查代码。 假设，有一个需求是必须对标准Fiori App做增强，把自定义的功能加进去。在实施增强之前，我们得了解现有代码是怎么工作的。 为了检查代码，我通常要打开这个App，检查views，controllers等等，这是一个很枯燥的工作。

2

解决方案

我要说明一下，本文将讨论的是Fiori App中的前端，也就是UI5的debug。 我们使用一个标准的Fiori App – My Time Events (Version 2/Fiori 2.0) – App ID – F1506A来作为debug的对象。 首先打开开发者工具(F12)，我能看到Component-preload.js文件。但无法找到任何对应的controller和view。 为了显示controller和view，需要同时按Ctrl + Alt + Shift + P，在此之前要关闭开发者工具。 我在Google Chrome，Edge和Internet Explorer这三个浏览器中都尝试了这个方法，事实证明是可行的。 这时会跳出一个对话框： 在这里必须要勾上“Select specific modules”这个选项，然后会跳出另一个对话框。 点击OK按钮。 这一步是在重新载入App，并进入debug模式。 在此之后，如果检查对应的URL，你会发现一段“sap-ui-debug=true”的参数被添加到了URL中。 你再次打开开发者模式，噔噔，controller和view都出现了。 之后你可以设置断点，执行各种debug操作。 Ok，目标达成！

3

小结

以上的方法可以用来debug任何标准的(其实自定义的也可以)Fiori App。如果你觉得有帮助，就不妨也试试吧。 较原文内容有调整，文章内容代表原作者观点。

分享是一种精神