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:
What I've tried
I've read these other SO articles:
- Outlook AddIn : How to show console.log with Outlook Desktop?
- Outlook Office Add-in (Desktop) does not have devtools
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?
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
- Add numbers in a object within a JavasScript array from an index below a value and return value
- How to load up CSS files using Javascript?
- Datatables jQuery event works on second page, not on rest
- Check if a component has an event listener attached to it
- adding a border to a transparent div with clip path
- How to create delay function in QML?
- How can I quickly determine the State for a given zipcode?
- Vercel error | ENOENT: no such file or directory
- Firebase Realtime Database returning undefined after Axios GET request
- Xero custom integration app - node sdk requests failing with 403
- How to detect the dragleave event in Firefox when dragging outside the window
- Full calendar 4.0 event displayed in 2 days in month mode if the start time is in between 22:00 to 24:00
- How to reassign value of color manually with 'react-color-palette'?
- Converting Excel Date Serial Number to Date using Javascript
- How to delay the .keyup() handler until the user stops typing?
- How to use AngularJS $scope?
- TypeScript "No overload matches this call"
- How to add text inside the doughnut chart using Chart.js?
- How to create a custom element without attachShadow?
- How do I set a border around /background image under the minimap?
- Firebase Permission Denied
- How to create standalone scale that is aware of Observable plot's width, margins, etc
- Add additional field issue
- Javascript split on non-alphanumeric an keep delimiters at start
- How to split string by rows and column in Javascript
- Jacascript: String puzzle with upper and lower case - one character not right
- How do I remove a file from the FileList
- How to get current url in jquery
- JavaScript class with static methods vs object with function properties
- Access my entire browsing history via Javascript