Step by step debugging on real device using browser inspector

Hi all, How can I debug my app deployed on android real device using inspector? After deployed I can’t see clear source code in my inspector, I can see console log but I can’t add breakpoint on source code all files are cripted, I don’t know are crypted :frowning:

I’m using capacitor 5.6.0

How can I execute step by step debugging?

1 Like

@Hills90210 thanks for your reply.

I read the article. I installed plugin but I don’t know how it works. could you please help me to understand?

When I deploy app on my real device I can open chrome inspector but I can’t use breakpoints and I can’t see the valiables. I can see only console logs and network (attach file)

How can I use visual studio code in order to add breackpoints?

Installed

Created launch.json file

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "android-webview",
      "request": "attach",
      "name": "Attach to Android WebView",
      "webRoot": "${workspaceFolder}/www",
      "sourceMaps": true,
      "sourceMapPathOverrides": {
        "webpack:/*": "${workspaceFolder}/*"
      }
    }
  ]
}

I add brackpoint but it not works

I’m definitely forgetting something

Started debugging from VSCode… I can see the console logs but breakpoints not works

:frowning: