javascriptoutlookdesktopoutlook-web-addins

Hot to get a Developer Tools window for the web-based Outlook desktop client?


Currently I'm developing an small JavaScript add-in for the new web-based desktop version of Microsoft Office Outlook:

Microsoft Outlook version 1.2023.418.200 (Production).
Client version is 20230414002.05.

While I'm able to correctly write a basic add-in (with the help of Yeoman), I fail to debug my add-in or even get a console.log output window.

Since I'm assuming that the new Outlook is based on some kind of hosted Edge WebView and/or Electron, I found no way to actually get the usual Developer Tools.

My assumption is based on the fact that in Process Explorer, the new Outlook is shown as "olk.exe" with several "MsEdgeWebView2.exe" sub-processes:

enter image description here

What I've tried

I've read these other SO articles:

I also tried the suggested Microsoft Edge Dev Tools Preview from the Microsoft Store, but unfortunately Outlook does not appear in the list of possible apps to attach to.

I've also spent hours browsing through the Microsoft documentation with no result, too.

And, of course, I tried every Google search I could imagine. Still I found no meaningful results.

In addition, I found the MSDN article "Debug a task pane add-in using Microsoft Edge (Chromium-based) developer tools". I failed to follow this step:

Be sure the add-in's task pane has focus and press Ctrl+Shift+I.

This cannot be done in my scenario, since my add-in has no task pane (I simply try to set the subject of a new email message by calling setAsync on the subject property). In addition, pressing Ctrl+Shift+I has no effect at all, no matter which input field I do focus.

My question

How can I show a debug and/or output window to see the console.log() statements that my JavaScript-based Microsoft Office Outlook add-in (for the web-based desktop version) prints?


Solution

  • The previous answer doesn't work anymore, today in order to run the DevTools in the New Outlook you should run on the CMD

    olk.exe --devtools
    

    Source: Microsoft documentation