CODEWITHSUNDEEP
google-chrome-devtoolsprogressive-web-apps
user1843640
user1843640

Reputation: 3949

How can I remote debug a PWA that has been "added to homescreen" on Android?

I have installed a PWA on my Android device and I want to remotely debug it in Chrome on my desktop. When I connect to my device in Chrome dev tools, all I see are the tabs open in Chrome on my Android device. I do not see the instance of the PWA that has been installed - "added to homescreen" Is there any way to debug the installed instance?

Upvotes: 7

Views: 6728

Answers (2)

Jan Warchoł
Jan Warchoł

Reputation: 1139

I was having the same problem. Turns out that PWAs that were open before you connected remote debugger will not show up. Simply close the app and start it after connecting the debugger.

Upvotes: 2

Shreeya Chhatrala
Shreeya Chhatrala

Reputation: 1449

  1. You have to open your developer tools using Ctrl+Shift+I
  2. Then go to More Tools -> Remote Devices Inspect_element
  3. In Remote devices, you can see your available online device and click on that(either online device can be emulator or it can be attached mobile device), also you can Add Rule if you want to run in localhost from mobile device. Remote devices
  4. Click on Inspect button, available in right side Inspect
  5. Now you can see virtual device is created and you can see all logs that comes from device will display in Console tab console

Upvotes: 5

Related Questions