Blazor Remote Debugging – Android

Description on how to do Remote Debugging websites on Android

Starting the new blazor project as described in it’s documentation

dotnet new blazorwasm -o Solution --hosted
cd Solution/Server
dotnet watch

And we’re greeted by the typical Blazor start

The ports on which your page will be shown are set random on project creation. You can find (and change) them in “launchSettings.json”.

Remote debugging on Android

To see the Website on Android we connect the Phone via USB to our computer and open “chrome://inspect/#devices” in Chrome. The Chrome App need to be opened on the phone.

Depending on how you like, either change the binding address in your lauch settings within the Blazor Project to your network IP, to allow to directly call your page from your phone in same network.

Or use port forwarding via Chrome.

Enter the URL for our page and click “Open”, as soon as the page is loaded, it’s listed below and you can “inspect” it.

Leave a Reply

Your email address will not be published. Required fields are marked *