How to debug Javascript written in HTML Mashup with Code in C4C

Hello C4 Enthusiasts,

Mash ups in c4c are one of the most powerful and easy functions but i have seen many developers struggling to find the source file to debug the script.

It is very simple and easy to debug code of JS written on HTML Mash up.

You can create HTML mash up and add it in your EC, Check below blogs for the same.

• https://blogs.sap.com/2014/02/24/html-script-mashup-launched-from-an-embedded-component/
• https://blogs.sap.com/2019/05/14/c4c-mashups-how-to-return-data-from-a-mashup-to-c4c/#
• https://blogs.sap.com/2017/11/28/sapui5-and-c4c.-my-unexpected-journey.-part-1./

HTML Mash up :

Debug the same in chrome , Go to Developer tools and sources and go the path shown below. and Just put a BP there.

Thats it , Now you are done and good to go for debugging. It is very usefull for complex Javascripts.

BR

Dhruvin