/dev tips

(79) Hide Network Messages Hover over a selector to reveal matching elements (81)

Chrome DevTools: Workflow for inspecting a remote device and using port forwarding

10 Nov 2015
Workflow for inspecting a remote device and using port forwarding

If you want to inspect a remote device, head on over to: chrome://inspect. The usual remote debugging and port forwarding features you read about here are still available. (I've enabled the hidden experiment in Canary: Inspect devices dialog where you can access remote devices through DevTools, rather than having to go to chrome://inspect).

Anyway, moving on:

When your device is connected, you can open a webpage through DevTools rather than typing it on the device. If you want to access a page like localhost:8888 on your device, by default, it won't resolve to the same localhost:8888 on your host machine. Use the port forwarding feature to enable this. In the clip, I forward from 8888 to localhost:8888 and as a result, can access my local development server at the localhost URL, directly on the device.

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.