It's not simple that debugging android emulator's web page with a chrome beta/canary on PC

I tried doing

Chrome DevTools for Mobile: Emulate and Screencast

https://developers.google.com/chrome-developer-tools/docs/remote-debugging

I recommend you to install
chrome canary
rather than
chrome beta

Chrome canary simply co-exists with the stable chrome on the same machine.
And, it seems to have more developer options.

You should enable some options, first.

about:flags/#enable-devtools-experiments

about:flags/#remote-debugging-raw-usb

Enable Developer Tools experiments. Mac, Windows, Linux, Chrome OS Enable Developer Tools experiments. Use Settings panel in Developer Tools to toggle individual experiments. #enable-devtools-experiments Disable

Enable Remote Debugging over USB. Mac, Windows, Linux, Chrome OS Enable Remote Debugging of Chrome for Android over raw USB interface (no need to install / run Android Debug Bridge). #remote-debugging-raw-usb Disable

But, there was no google chrome app on my emulator.
I should have put chrome.apk, (or google play apk, ...).
For now, I gave up using an emulator for debugging.

After you connect the usb-debugging device,
enter
about:inspect 
or
chrome://inspect/#devices
on the address of the chrome canary on PC.

You can see your device information,
and go.


To use screencast,
you should install chrome beta on your android device.

Screencasting lets you bring the experience of your device onto your machine. This allows you to keep your attention on one screen instead of switching back and forth between the device and the DevTools. Currently, you need the Chrome for Android Beta (m32) for this feature.

Clicking on the screencast icon in the toolbar opens up a panel on your computer displaying your device's screen


Chrome for Android Beta on samsung galaxy note 1 was not working well for the screencast.
On nexus 5, it was working well.
Awesome!