Technical Articles
Obscure productivity tips: Debug Javascript running within SAPGUI browser
While investigating an issue in AbapGit, I suspected the cause to be a Javascript error. The F12 browser debugger is the go-to thing for any web developer trying to fix something, but how to do it from SAPGUI? The best you can do from the right click menu in SAP is view the page source.
It turns out there is a way and since it surprised even the AbapGit authors, it is not as well-known as it should be. The only place I could find it mentioned is this stackoverflow answer with 5 upvotes, the standard for SAP-related questions.
It is actually very simple to do:
- Have the transaction you want to debug running
- In the folder C:\Windows\SysWOW64\F12 (or windows\system32 for 32bit systems), you will find a utility called IEChooser.exe
- Open it and select the window you want to attach to
4. You’re done.
Now you can browse the page contents:
Or set breakpoints and debug Javascript code:
I hope this will save you some work. Please share your experiences or problems in the comments. And most importantly, if you know any secret tricks yourself, let others know!
Thanks for sharing, talk about obscure! Why on earth do Microsoft hide such a useful tool in the darkest corners of windows?
FWIW, on my system it's called F12Chooser.exe, and I'm pleased to report that it also attaches to a session running in Eclipse.
Now to find the MacOS/JavaGUI equivalent...
Quite interesting, Indeed!
J.
Hi Frederik Hudak,
Thank you for this hidden gem.
Unfortunately, it seems it is only available from Windows 10
"The Debugger is part of the F12 developer tools in Windows 10 and Internet Explorer. Earlier ersions of Windows do not include the Debugger."
Hi Sergio! Thanks for letting us know. The original source only mentioned "newer" versions of Windows and I only had 10 to try out.