Debug the Web on Android via USB debug

Waicung -

reference

Localhost Port Forwarding

Setting Tab

chrome://inspect#devices

Port forwarding

for example: 3000 => localhost:3000

Done

Android device now can access localhost:3000

Remote Debug Connection

Setting Tab on Dev Machine

chrome://inspect#devices

Discover USB devices

Check the setting

Enable Developer Mode

Enable Developer mode on Android device

Connect USB and wait for Authorization Popup

a Authorization Window will pop up, after authorized, the device will appear on the Setting Tab on Dev Machine

Open Chrome on Android device

the tab opened will the shown on the host machine's Setting Tag