Skip to content

[WIP] Debug: Windows / Edge DevTools #42

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 1 commit into
base: master
Choose a base branch
from
Draft

[WIP] Debug: Windows / Edge DevTools #42

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 24 additions & 0 deletions _articles/debug/remote-debug-your-app.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
---
date: '2017-12-13T19:22:38.402+00:00'
last_updated: '2019-05-11T15:40.123+00:00'
title: Remote Debug your Ionic App
published: true
---
Expand Down Expand Up @@ -138,3 +139,26 @@ TODO

VS Code has a dedicated plugin for debugging apps built with Cordova. The [plugin](https://marketplace.visualstudio.com/items?itemName=vsmobile.cordova-tools) creates bridge between the device and the debugger and allows you to set break points in your editor directly.
{:/comment}

## Windows

### Windows WebView Debugging with Edge DevTools (Windows only)

Microsoft Edge DevTools Preview
https://www.microsoft.com/store/productId/9MZBFRMZ0MNJ
https://blogs.windows.com/msedgedev/2018/04/25/introducing-the-microsoft-edge-devtools-preview-app/#VajuBU4DChALsiCf.97

#### Preparation

- OS Build 16299.579 of Windows 10 or later
- Install Edge DevTools Preview
- Enable development mode (source device? target device?)

#### Debugging

- Start Microsoft Edge DevTools Preview
- Select Debug Target
[Screenshot]
- DevTools open
[Screenshot]
- Panels similar to what is included in Edge DevTools: https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide