'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?
Solution 1:[1]
- You have to open your developer tools using Ctrl+Shift+I
- Then go to More Tools -> Remote Devices
- 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.
- Click on Inspect button, available in right side
- Now you can see virtual device is created and you can see all logs that comes from device will display in Console tab
Solution 2:[2]
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.
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | Shreeya Chhatrala |
| Solution 2 | Jan Warcho? |