All of the UI code of a Fiori app is put into Componentpreload.js.We can use F12 “Browser Debugging for ABAP Developers“. In order to debug the UI code, we need to trigger the debug mode. Press Ctrl + Alt + Shift + P and load the source code. Obviously, after open this option, the loading of the app is very slow. So please DO remember to turn off this option if the debug is finished.

Course Page: https://www.anubhavtrainings.com/ui5...

Call us on +9184484 54549
Mail us on [email protected]
Website: www.anubhavtrainings.com

Our forum: https://www.anubhavtrainings.com/anub...
Join Our Telegram Channel : https://t.me/Anubhavlearningseries12
Linkedin:  / anubhavoberoy3a216957  
Pinterest:   / anubhavtrainings  
Twitter Page:   / anubhavoberoy  
Facebook :   / anubhavtraining  
Instagram :   / anubhavtrainings  
Linkedin:   / anubhavtrainings  

Feel free to call us on +91 8448454549, Or mail us on [email protected]

You can download the ppt of this session from below
https://anubhavtrainings.com/anubhav...

I find debugging an enjoyable activity, especially when looking at UI5 powered apps and infrastructure with those very dev tools. I like debugging UI5 so much I even went so far as to write a book on the subject.

"Debugging Fiori and UI5"
"Debugging Fiori and UI5"
"Debugging Fiori and UI5"

"How to debug Fiori Apps"
"How to debug Fiori Apps"
"How to debug Fiori Apps"